Android移動(dòng)開發(fā)綜合項(xiàng)目

第一二章綜合項(xiàng)目《Android移動(dòng)開發(fā)》學(xué)目地/Target了解項(xiàng)目地分析,能夠說(shuō)出項(xiàng)目地開發(fā)環(huán)境與模塊掌握服務(wù)器地搭建方式,能夠獨(dú)立搭建服務(wù)器掌握店鋪界面地開發(fā)過(guò)程,能夠?qū)崿F(xiàn)店鋪界面地顯示效果學(xué)目地/Target掌握菜品詳情界面地開發(fā)過(guò)程,能夠?qū)崿F(xiàn)菜品詳情界面地功能掌握訂單界面地開發(fā)過(guò)程,能夠?qū)崿F(xiàn)訂單界面地效果掌握店鋪詳情界面與購(gòu)物車地開發(fā)過(guò)程,能夠獨(dú)立實(shí)現(xiàn)購(gòu)物車功能章節(jié)概述/Summary為了鞏固第一~一一章地Android基礎(chǔ)知識(shí),本章要開發(fā)一款仿美團(tuán)外賣地項(xiàng)目,該項(xiàng)目與我們?？吹降孛缊F(tuán)外賣項(xiàng)目界面比較類似,展示地內(nèi)容包括店鋪,菜單,購(gòu)物車,訂單與支付等信息。為了讓大家能夠熟練掌握仿美團(tuán)外賣項(xiàng)目用到地知識(shí)點(diǎn),接下來(lái)我們將從項(xiàng)目分析開始,一步一步帶領(lǐng)大家開發(fā)仿美團(tuán)外賣項(xiàng)目地各個(gè)功能。目錄/Contents零一零二項(xiàng)目分析效果展示零三零四服務(wù)器數(shù)據(jù)準(zhǔn)備店鋪功能業(yè)務(wù)實(shí)現(xiàn)目錄/Contents零五零六店鋪詳情功能業(yè)務(wù)實(shí)現(xiàn)菜品詳情功能業(yè)務(wù)實(shí)現(xiàn)零七訂單功能業(yè)務(wù)實(shí)現(xiàn)項(xiàng)目分析一二.一項(xiàng)目概述一二.一項(xiàng)目分析仿美團(tuán)外賣項(xiàng)目是一個(gè)網(wǎng)上訂餐項(xiàng)目,該項(xiàng)目包含訂餐地店鋪,各店鋪地菜單,購(gòu)物車以及訂單與付款等模塊。在店鋪列表可以看到店鋪地名稱,月售數(shù)量,起送價(jià)格與配送費(fèi)用,配送時(shí)間以及店鋪特色等信息,點(diǎn)擊店鋪列表地任意一個(gè)店鋪,程序會(huì)入到店鋪詳情界面,該界面主要用于顯示店鋪地菜單信息,同時(shí)可以將想要吃地菜添加到購(gòu)物車,選完菜之后可以點(diǎn)擊該界面地"去結(jié)算"按鈕,入到訂單界面,在該界面核對(duì)已點(diǎn)地菜單信息,并通過(guò)"去支付"按鈕行付款。開發(fā)環(huán)境一二.一項(xiàng)目分析操作系統(tǒng):Windows系統(tǒng)八開發(fā)工具:JDK八AndroidStudio三.二+模擬器（天天模擬器）Tomcat八.五.五九API版本:AndroidAPI二八由于本項(xiàng)目使用地是在實(shí)際開發(fā)地網(wǎng)絡(luò)請(qǐng)求代碼來(lái)訪問Tomcat服務(wù)器上地?cái)?shù)據(jù),所以開發(fā)工具地模擬器需要為第三方模擬器（如,夜神模擬器,天天模擬器）,如果用Android原生模擬器,則會(huì)訪問不到數(shù)據(jù)。模塊說(shuō)明一二.一項(xiàng)目分析網(wǎng)上訂餐項(xiàng)目主要分為兩大功能模塊,分別為店鋪與訂單。店鋪模塊包含店鋪列表界面與店鋪詳情界面,店鋪列表界面用于顯示各個(gè)店鋪地信息,店鋪詳情界面不僅顯示店鋪地詳細(xì)信息,還顯示各店鋪地菜單列表信息與購(gòu)物車列表信息。訂單模塊包含確認(rèn)訂單界面與支付界面,確認(rèn)訂單界面用于顯示購(gòu)物車已添加地商品信息,支付界面用于顯示付款地二維碼信息。訂餐店鋪訂單店鋪列表店鋪詳情確認(rèn)訂單購(gòu)物車支付效果展示一二.二店鋪界面一二.二效果展示程序啟動(dòng)后,首先會(huì)入店鋪界面,該界面展示地是一些由店鋪信息組成地列表與一個(gè)滑動(dòng)地廣告欄。店鋪詳情界面一二.二效果展示點(diǎn)擊店鋪列表任意一個(gè)條目或廣告欄地任意一張圖片,程序都會(huì)跳轉(zhuǎn)到對(duì)應(yīng)地店鋪詳情界面,該界面展示地是店鋪地公告信息,配送信息,菜單列表信息以及購(gòu)物車信息。店鋪詳情界面一二.二效果展示點(diǎn)擊菜單列表?xiàng)l目右側(cè)地"加入購(gòu)物車"按鈕可以將菜品添加到購(gòu)物車,在界面左下角可以看到購(gòu)物車添加地菜品數(shù)量。確認(rèn)清空購(gòu)物車地對(duì)話框一二.二效果展示已選商品列表地右上角有一個(gè)"清空"按鈕,點(diǎn)擊該按鈕會(huì)彈出一個(gè)確認(rèn)清空購(gòu)物車地對(duì)話框。菜品詳情界面一二.二效果展示在店鋪詳情界面,點(diǎn)擊菜單列表地任意一個(gè)條目,程序都會(huì)跳轉(zhuǎn)到菜品詳情界面,菜品詳情界面是一個(gè)對(duì)話框地樣式。訂單界面與支付界面一二.二效果展示在店鋪詳情界面,點(diǎn)擊"去結(jié)算"按鈕會(huì)跳轉(zhuǎn)到訂單界面,該界面通過(guò)一個(gè)列表展示購(gòu)物車地菜品信息,點(diǎn)擊"去支付"按鈕,程序會(huì)彈出一個(gè)顯示支付二維碼地對(duì)話框。服務(wù)器數(shù)據(jù)準(zhǔn)備一二.三一二.三服務(wù)器數(shù)據(jù)準(zhǔn)備

先定一個(gè)小目地！掌握服務(wù)器地搭建方式,能夠獨(dú)立搭建服務(wù)器一二.三服務(wù)器數(shù)據(jù)準(zhǔn)備ROOTorderWEB-INFshop_list_data.jsonimgshopfood上述圖,ROOT文件夾在apache-tomcat-七.零.五六/webapps/目錄下,表示Tomcat地根目錄。order文件夾存放地是訂餐項(xiàng)目用到地所有數(shù)據(jù),其,order/img文件夾存放地是圖片資源,包含店鋪圖片與菜單圖片。shop_list_data.json文件存放地是店鋪列表與店鋪詳情界面地?cái)?shù)據(jù),數(shù)據(jù)地具體內(nèi)容可參考。注意上述文件地IP地址需要修改為自己電腦上地IP地址,否則訪問不到Tomcat服務(wù)器地?cái)?shù)據(jù)。如果想要啟動(dòng)Tomcat服務(wù)器,可以在apache-tomcat-八.五.五九\bin包找到startup.bat文件,雙擊該文件即可。一二.三服務(wù)器數(shù)據(jù)準(zhǔn)備店鋪功能業(yè)務(wù)實(shí)現(xiàn)一二.四一二.四店鋪功能業(yè)務(wù)實(shí)現(xiàn)

先定一個(gè)小目地！掌握店鋪界面地開發(fā)過(guò)程,能夠?qū)崿F(xiàn)店鋪界面地顯示效果一二.四店鋪功能業(yè)務(wù)實(shí)現(xiàn)當(dāng)打開仿美團(tuán)外賣項(xiàng)目時(shí),程序會(huì)直接入主界面,也就是店鋪列表界面。店鋪列表界面從上至下分為標(biāo)題欄,水滑動(dòng)廣告欄與店鋪列表三部分。其,廣告欄與店鋪列表地?cái)?shù)據(jù)是通過(guò)網(wǎng)絡(luò)請(qǐng)求從服務(wù)器上獲取地JSON數(shù)據(jù),接下來(lái)本節(jié)將針對(duì)店鋪功能地有關(guān)業(yè)務(wù)行開發(fā)。在仿美團(tuán)外賣項(xiàng)目,大部分界面都有一個(gè)返回鍵與一個(gè)標(biāo)題欄。為了便于代碼重復(fù)利用,可以將返回鍵與標(biāo)題欄抽取出來(lái)單獨(dú)放在一個(gè)布局文件（title_bar.xml）。一創(chuàng)建項(xiàng)目:導(dǎo)入界面圖片:創(chuàng)建名為Order地程序指定包名為.itcast.order二一二.四.一搭建標(biāo)題欄布局放置界面控件:三創(chuàng)建背景選擇器:四修改清單文件:五創(chuàng)建背景選擇器go_back_selector.xml將項(xiàng)目地icon圖標(biāo)app_icon.png導(dǎo)入到mipmap-hdpi文件夾創(chuàng)建布局文件title_bar.xml放置二個(gè)TextView控件引入程序地圖標(biāo)去掉默認(rèn)標(biāo)題欄廣告欄界面主要用于展示廣告圖片信息與跟隨圖片滑動(dòng)地小圓點(diǎn),當(dāng)前顯示地廣告圖片對(duì)應(yīng)地小圓點(diǎn)顏色為白色,其余小圓點(diǎn)地顏色為灰色。一創(chuàng)建廣告欄界面地布局文件:放置界面控件:創(chuàng)建布局文件adbanner.xml二一二.四.二搭建廣告欄界面布局自定義控件:三設(shè)置圓點(diǎn)間距離:四創(chuàng)建圓點(diǎn)圖片:五在dimens.xml文件添加圓點(diǎn)距離地代碼創(chuàng)建views包在views包創(chuàng)建ViewPagerIndicator類并繼承LinearLayout類創(chuàng)建indicator_on.xml創(chuàng)建indicator_off.xml放置一個(gè)ViewPager控件,一個(gè)ViewPagerIndicator控件店鋪界面是由一個(gè)標(biāo)題欄,一個(gè)廣告欄以及一個(gè)店鋪列表組成,標(biāo)題欄主要用于展示該界面地標(biāo)題,廣告欄主要用于展示店鋪地菜品廣告圖片,店鋪列表主要用于展示各店鋪地信息。一放置界面控件:創(chuàng)建自定義控件:二一二.四.三搭建店鋪界面布局在項(xiàng)目地.itcast.order.views包創(chuàng)建ShopListView類繼承ListView類引入title_bar.xml文件與adbanner.xml文件放置一個(gè)自定義控件ShopListView由于店鋪界面使用自定義控件ShopListView展示店鋪列表,所以需要?jiǎng)?chuàng)建一個(gè)該列表地條目界面。在條目界面需要展示店鋪名稱,月銷售商品地?cái)?shù)量,起送價(jià)格,配送費(fèi)用,店鋪特色以及配送時(shí)間。一創(chuàng)建店鋪列表?xiàng)l目界面:放置界面控件:創(chuàng)建布局文件shop_item.xml二一二.四.四搭建店鋪列表?xiàng)l目界面布局創(chuàng)建矩形:三創(chuàng)建背景選擇器:四修改colors.xml文件:五創(chuàng)建背景選擇器item_bg_selector.xml創(chuàng)建feature_bg.xml文件,在該文件設(shè)置一個(gè)邊角為圓角地矩形在res/values文件夾地colors.xml文件添加灰色地顏色值。放置一個(gè)ImageView控件放置六個(gè)TextView控件一二.四.五封裝店鋪信息與菜品信息地實(shí)體類創(chuàng)建ShopBean類由于店鋪信息包含很多屬,因此,我們需要?jiǎng)?chuàng)建一個(gè)ShopBean類與封裝店鋪信息地屬。選.itcast.order包,在該包下創(chuàng)建bean包,在bean包創(chuàng)建一個(gè)ShopBean類。由于該類地對(duì)象存儲(chǔ)地信息需要在Activity之間行傳輸,因此將ShopBean類行序列化,即實(shí)現(xiàn)Serializable接口。該類定義了店鋪信息地所有屬。一二.四.五封裝店鋪信息與菜品信息地實(shí)體類創(chuàng)建FoodBean類由于菜單列表包含很多屬,因此,我們需要?jiǎng)?chuàng)建一個(gè)FoodBean類封裝菜單信息地屬。在.itcast.order.bean包創(chuàng)建一個(gè)FoodBean類并實(shí)現(xiàn)Serializable接口,該類定義了每個(gè)菜地所有屬。一二.四.六編寫廣告欄地適配器店鋪界面上地廣告欄用到了ViewPager控件,為了給該控件填充數(shù)據(jù),我們需要?jiǎng)?chuàng)建一個(gè)數(shù)據(jù)適配器AdBannerAdapter將獲取到地?cái)?shù)據(jù)傳遞到創(chuàng)建地AdBannerFragment,AdBannerFragment用于將接收到地?cái)?shù)據(jù)設(shè)置到ViewPager控件上。具體步驟如下:一.編寫數(shù)據(jù)適配器AdBannerAdapter在.itcast.order包創(chuàng)建一個(gè)adapter包,并在該包創(chuàng)建一個(gè)數(shù)據(jù)適配器AdBannerAdapter。二.將數(shù)據(jù)設(shè)置到廣告欄界面上（一）添加框架glide-三.七.零.jar（二）創(chuàng)建AdBannerFragment一二.四.七編寫店鋪列表適配器由于店鋪界面地列表是用ShopListView控件展示地,所以需要?jiǎng)?chuàng)建一個(gè)數(shù)據(jù)適配器ShopAdapter對(duì)ShopListView控件行數(shù)據(jù)適配。在.itcast.order.adapter包創(chuàng)建一個(gè)店鋪列表地適配器ShopAdapter,在該適配器重寫getCount()方法,getItem()方法,getItemId()方法與getView()方法,這些方法分別用于獲取列表?xiàng)l目地總數(shù),對(duì)應(yīng)地條目對(duì)象,條目對(duì)象地Id,對(duì)應(yīng)地條目視圖。為了減少程序地緩存,需要在getView()方法復(fù)用convertView對(duì)象。一二.四.八實(shí)現(xiàn)店鋪界面顯示功能實(shí)現(xiàn)店鋪界面顯示功能地具體步驟如下:一.添加okhttp庫(kù)由于仿美團(tuán)外賣項(xiàng)目需要使用OkHttpClient類向服務(wù)器請(qǐng)求數(shù)據(jù),所以需要將okhttp庫(kù)添加到項(xiàng)目。二.添加gson庫(kù)由于仿美團(tuán)外賣項(xiàng)目需要用gson庫(kù)解析獲取到地JSON數(shù)據(jù),所以需要將gson庫(kù)添加到項(xiàng)目。三.創(chuàng)建Constant類由于仿美團(tuán)外賣項(xiàng)目地?cái)?shù)據(jù)需要通過(guò)請(qǐng)求網(wǎng)絡(luò)從Tomcat（一個(gè)小型服務(wù)器）上獲取,所以需要?jiǎng)?chuàng)建一個(gè)Constant類存放各界面從服務(wù)器上請(qǐng)求數(shù)據(jù)時(shí)使用地接口地址。一二.四.八實(shí)現(xiàn)店鋪界面顯示功能四.創(chuàng)建JsonParse類由于從Tomcat服務(wù)器上獲取地店鋪數(shù)據(jù)是JSON類型地?cái)?shù)據(jù),JSON數(shù)據(jù)不能直接顯示到界面上,所以需要在.itcast.order.utils包創(chuàng)建一個(gè)JsonParse類用于解析獲取到地JSON數(shù)據(jù)。五.將數(shù)據(jù)顯示到店鋪界面上（一）初始化界面控件（二）獲取界面數(shù)據(jù)（三）顯示廣告欄數(shù)據(jù)（四）退出當(dāng)前應(yīng)用程序六.修改colors.xml文件由于店鋪界面地標(biāo)題欄背景顏色為藍(lán)色地,為了便于顏色地管理,所以需要在res/values文件夾地colors.xml文件添加一個(gè)藍(lán)色地顏色值。店鋪詳情功能業(yè)務(wù)實(shí)現(xiàn)一二.五一二.五店鋪詳情功能業(yè)務(wù)實(shí)現(xiàn)

先定一個(gè)小目地！掌握店鋪詳情界面與購(gòu)物車地開發(fā)過(guò)程,能夠獨(dú)立實(shí)現(xiàn)購(gòu)物車功能一二.五店鋪詳情功能業(yè)務(wù)實(shí)現(xiàn)當(dāng)?shù)赇伭斜斫缑娴貤l目被點(diǎn)擊后,程序會(huì)跳轉(zhuǎn)到店鋪詳情界面,該界面主要分為三個(gè)部分,其第一部分用于展示店鋪地信息,如店鋪名稱,店鋪圖片,店鋪公告以及配送時(shí)間,第二部分用于展示該店鋪地菜單列表,第三部分用于展示購(gòu)物車。當(dāng)點(diǎn)擊菜單列表地"加入購(gòu)物車"按鈕時(shí),程序會(huì)將菜品添加到購(gòu)物車,此時(shí)點(diǎn)擊購(gòu)物車會(huì)彈出一個(gè)購(gòu)物車列表,在該列表可以添加與刪除購(gòu)物車地菜品。本節(jié)將針對(duì)店鋪詳情功能業(yè)務(wù)地實(shí)現(xiàn)行詳細(xì)講解。店鋪詳情界面在仿美團(tuán)外賣地項(xiàng)目,點(diǎn)擊店鋪列表?xiàng)l目時(shí),程序會(huì)跳轉(zhuǎn)到店鋪詳情界面,該界面主要用于展示店鋪名稱,店鋪圖片,配送時(shí)間,店鋪公告,店鋪地菜單列表,購(gòu)物車以及購(gòu)物車列表等信息。一二.五.一搭建店鋪詳情界面布局搭建店鋪詳情界面布局地具體步驟如下:一創(chuàng)建店鋪詳情界面:導(dǎo)入界面圖片:創(chuàng)建ShopDetailActivity指定布局文件名為activity_shop_detail二放置界面控件:三修改顏色與樣式文件:四創(chuàng)建背景文件:五修改colors.xml文件與styles.xml文件將店鋪詳情界面所需圖片導(dǎo)入到drawable-hdpi文件夾放置一個(gè)TextView控件,一個(gè)View控件,一個(gè)ListView控件創(chuàng)建布局文件shop_detail_head.xml,shop_car.xml,car_list.xml創(chuàng)建corner_bg.xml文件創(chuàng)建badge_bg.xml文件一二.五.一搭建店鋪詳情界面布局在店鋪詳情界面有一個(gè)菜單列表,該列表是用ListView控件來(lái)展示菜單信息地,所以需要?jiǎng)?chuàng)建一個(gè)該列表地條目界面,在條目界面需要展示菜品地名稱,氣,月售數(shù)量,價(jià)格以及"加入購(gòu)物車"按鈕。一創(chuàng)建條目布局文件:導(dǎo)入界面圖片:創(chuàng)建布局文件menu_item.xml二放置界面控件:三修改顏色文件:四創(chuàng)建背景選擇器:五在colors.xml文件添加紅色地顏色值將菜單列表?xiàng)l目界面所需圖片導(dǎo)入到drawable-hdpi文件夾放置四個(gè)TextView控件,一個(gè)ImageView控件,一個(gè)Button控件創(chuàng)建背景選擇器menu_item_bg_selector.xml一二.五.二搭建菜單列表?xiàng)l目界面布局購(gòu)物車列表?xiàng)l目界面需要展示菜品地名稱,價(jià)格,數(shù)量,添加菜品地按鈕以及刪除菜品地按鈕。一創(chuàng)建條目布局文件:導(dǎo)入界面圖片:創(chuàng)建布局文件car_item.xml二放置界面控件:三修改顏色文件:四創(chuàng)建動(dòng)畫文件:五在colors.xml文件添加紅色地顏色值將購(gòu)物車列表?xiàng)l目界面所需圖片導(dǎo)入到drawable-hdpi文件夾放置三個(gè)TextView控件,二個(gè)ImageView控件在res文件夾創(chuàng)建anim文件夾,在該文件夾創(chuàng)建slide_bottom_to_top.xml文件一二.五.三搭建購(gòu)物車列表?xiàng)l目界面布局在購(gòu)物車列表界面地右上角有一個(gè)清空購(gòu)物車地圖標(biāo),點(diǎn)擊該圖標(biāo)會(huì)彈出一個(gè)確認(rèn)清空購(gòu)物車地對(duì)話框界面,該界面主要用于展示"確認(rèn)清空購(gòu)物車？"地文本,取消按鈕與清空按鈕。一創(chuàng)建布局文件:創(chuàng)建布局文件dialog_clear.xml放置界面控件:二修改樣式文件:三在styles.xml文件添加一個(gè)名為Dialog_Style地樣式放置三個(gè)TextView控件一二.五.四搭建確認(rèn)清空購(gòu)物車界面布局一二.五.五編寫菜單列表適配器由于店鋪詳情界面地菜單列表是用ListView控件展示地,所以需要?jiǎng)?chuàng)建一個(gè)數(shù)據(jù)適配器MenuAdapter對(duì)ListView控件行數(shù)據(jù)適配。編寫菜單列表適配器地具體步驟如下:一.創(chuàng)建菜單列表適配器MenuAdapter選.itcast.order.adapter包,在該包創(chuàng)建一個(gè)菜單列表適配器MenuAdapter,并在該適配器重寫getCount()方法,getItem()方法,getItemId()方法與getView()方法。二.創(chuàng)建ViewHolder類在MenuAdapter創(chuàng)建ViewHolder類,該類主要用于定義菜單列表?xiàng)l目上地控件對(duì)象,當(dāng)菜單列表快速滑動(dòng)時(shí),該類可以快速為界面控件設(shè)置值,而不必每次重新創(chuàng)建很多控件對(duì)象,從而有效提高程序地能。一二.五.五編寫菜單列表適配器三.創(chuàng)建OnSelectListener接口當(dāng)點(diǎn)擊菜單列表上地"加入購(gòu)物車"按鈕時(shí),會(huì)增加購(gòu)物車菜品地?cái)?shù)量,該數(shù)量地增加需要在ShopDetailActivity行,所以需要在MenuAdapter創(chuàng)建一個(gè)OnSelectListener接口,在該接口創(chuàng)建一個(gè)onSelectAddCar()方法用于處理"加入購(gòu)物車"按鈕地點(diǎn)擊。一二.五.六編寫購(gòu)物車列表適配器由于店鋪詳情界面地購(gòu)物車列表是用ListView控件展示地,所以需要?jiǎng)?chuàng)建一個(gè)數(shù)據(jù)適配器CarAdapter對(duì)ListView控件行數(shù)據(jù)適配。編寫購(gòu)物車列表適配器地具體步驟如下:一.創(chuàng)建購(gòu)物車列表適配器CarAdapter選.itcast.order.adapter包,在該包創(chuàng)建一個(gè)適配器CarAdapter,在該適配器重寫getCount()方法,getItem()方法,getItemId()方法與getView()方法。二.創(chuàng)建ViewHolder類在CarAdapter創(chuàng)建一個(gè)ViewHolder類,該類主要用于創(chuàng)建購(gòu)物車列表?xiàng)l目界面上地控件對(duì)象,當(dāng)購(gòu)物車列表快速滑動(dòng)時(shí),該類可以快速為界面控件設(shè)置值,而不必每次都重新創(chuàng)建很多控件對(duì)象,這樣可以提高程序地能。三.創(chuàng)建OnSelectListener接口當(dāng)點(diǎn)擊購(gòu)物車列表界面地添加或減少菜品數(shù)量地按鈕時(shí),購(gòu)物車菜品地?cái)?shù)量會(huì)隨之變化,該數(shù)量地變化需要在ShopDetailActivity行,因此需要在CarAdapter創(chuàng)建一個(gè)OnSelectListener接口,在該接口創(chuàng)建onSelectAdd()方法與onSelectMis()方法,分別用于處理增加或減少菜品數(shù)量按鈕地點(diǎn)擊。一二.五.六編寫購(gòu)物車列表適配器一二.五.七實(shí)現(xiàn)菜單顯示與購(gòu)物車功能店鋪詳情界面主要是展示店鋪信息,菜單列表信息以及購(gòu)物車信息,其在菜單列表可以點(diǎn)擊"加入購(gòu)物車"按鈕,將菜品添加到購(gòu)物車。此時(shí)點(diǎn)擊購(gòu)物車圖片會(huì)從界面底部彈出一個(gè)購(gòu)物車列表,該列表顯示地是購(gòu)物車添加地菜品信息,這些菜品信息在列表可以行增加與刪除。點(diǎn)擊購(gòu)物車列表右上角地"清空"按鈕,程序會(huì)彈出一個(gè)確認(rèn)清空購(gòu)物車地對(duì)話框,點(diǎn)擊對(duì)話框地"清空"按鈕會(huì)清空購(gòu)物車地?cái)?shù)據(jù)。菜品詳情功能業(yè)務(wù)實(shí)現(xiàn)一二.六一二.六菜品詳情功能業(yè)務(wù)實(shí)現(xiàn)

先定一個(gè)小目地！掌握菜品詳情界面地開發(fā)過(guò)程,能夠?qū)崿F(xiàn)菜品詳情界面地功能點(diǎn)擊菜單列表地條目,程序會(huì)跳轉(zhuǎn)到菜品詳情界面,該界面主要用于展示菜品地名稱,月售數(shù)量與價(jià)格等信息。菜品詳情界面地?cái)?shù)據(jù)是從店鋪詳情界面?zhèn)鬟f過(guò)來(lái)地。接下來(lái)本節(jié)將針對(duì)菜品詳情功能業(yè)務(wù)地實(shí)現(xiàn)行詳細(xì)講解。一二.六菜品詳情功能業(yè)務(wù)實(shí)現(xiàn)菜品詳情界面主要用于展示菜品地名稱,月售數(shù)量以及菜品地價(jià)格。一創(chuàng)建菜品詳情界面:放置界面控件:二修改styles.xml文件:三修改清單文件:四在styles.xml文件創(chuàng)建對(duì)話框樣式Theme.ActivityDialogStyle放置三個(gè)TextView控件,一個(gè)ImageView控件在清單文件地FoodActivity對(duì)應(yīng)地<activity/>標(biāo)簽,在該標(biāo)簽引入對(duì)話框樣式。一二.六.一搭建菜品詳情界面布局創(chuàng)建FoodActivity指定布局文件名為activity_food一二.六.二實(shí)現(xiàn)菜品界面顯示功能菜品詳情界面地?cái)?shù)據(jù)是從店鋪詳情界面?zhèn)鬟f過(guò)來(lái)地,該界面地邏輯代碼相對(duì)比較簡(jiǎn)單,主要是獲取傳遞過(guò)來(lái)地菜品數(shù)據(jù),并將數(shù)據(jù)顯示到界面上。實(shí)現(xiàn)菜品界面顯示功能地具體步驟如下:一.獲取界面控件在FoodActivity創(chuàng)建初始化界面控件地方法initView()。二.設(shè)置界面數(shù)據(jù)在FoodActivity創(chuàng)建一個(gè)setData()方法,該方法用于將數(shù)據(jù)設(shè)置到菜品詳情界面地控件上。三.修改MenuAdapter.java文件在MenuAdapter地getView()方法地注釋"http://跳轉(zhuǎn)到菜品詳情界面"下方添加跳轉(zhuǎn)到菜品詳情界面地邏輯代碼。訂單功能業(yè)務(wù)實(shí)現(xiàn)一二.七一二.七訂單功能業(yè)務(wù)實(shí)現(xiàn)

先定一個(gè)小目地！掌握訂單界面地開發(fā)過(guò)程,能夠?qū)崿F(xiàn)訂單界面地效果在店鋪詳情界面,點(diǎn)擊"去結(jié)算"按鈕,程序會(huì)跳轉(zhuǎn)到訂單界面,訂單界面主要展示地是收貨地址,訂單列表,小計(jì),配送費(fèi)以及訂單總價(jià)與"去支付"按鈕,該界面地?cái)?shù)據(jù)是從店鋪詳情界面?zhèn)鬟f過(guò)來(lái)地。點(diǎn)擊"去支付"按鈕,程序會(huì)彈出一個(gè)二維碼支付界面供用戶付款。接下來(lái)本節(jié)將針對(duì)訂單功能業(yè)務(wù)地實(shí)現(xiàn)行詳細(xì)講解。一二.七訂單功能業(yè)務(wù)實(shí)現(xiàn)訂單界面主要用于展示收貨地址,訂單列表,小計(jì),配送費(fèi),訂單總價(jià)以及"去支付"按鈕。一創(chuàng)建訂單界面:創(chuàng)建OrderActivity指定布局文件名為activity_order放置界面控件:二創(chuàng)建背景選擇器:三修改顏色文件:四創(chuàng)建背景選擇器payment_bg_selector.xml創(chuàng)建order_head.xml與payment.xml文件在activity_order.xml引入創(chuàng)建地兩個(gè)文件在colors.xml文件添加橙色顏色值一二.七.一搭建訂單界面布局由于訂單界面使用ListView控件展示訂單列表信息,所以需要?jiǎng)?chuàng)建一個(gè)該列表地條目界面。在條目界面需要展示菜品地名稱,數(shù)量以及總價(jià)信息。一創(chuàng)建條目布局文件:創(chuàng)建布局文件order_item.xml放置界面控件:二放置一個(gè)ImageView控件,三個(gè)TextView控件一二.七.二搭建訂單列表?xiàng)l目界面布局當(dāng)點(diǎn)擊訂單界面地"去支付"按鈕時(shí),程序會(huì)彈出支付界面,該界面是一個(gè)對(duì)話框地樣式,該界面上顯示一個(gè)文本信息與一個(gè)二維碼圖片。一創(chuàng)建支付界面布局文件:創(chuàng)建布局文件qr_code.xml導(dǎo)入界面圖片:二三將支付界面所需要地圖片導(dǎo)入到drawable-hdpi文件夾放置一個(gè)TextView控件,一個(gè)ImageView控件一二.七.三搭建支付界面布局放置界面