【導(dǎo)讀】同胞們追求時(shí)尚的參考，引領(lǐng)她們找到適合自己并且時(shí)尚的穿搭，做自己的女神。同時(shí)也會(huì)有時(shí)尚男性穿搭的介紹，也可以讓男性同胞找到自己穿搭的參考。其中“首頁”功能模塊包含首次下載App的引導(dǎo)歡迎。搭符合你的口味，聯(lián)系客服帶給用戶不一樣的只能客服體驗(yàn)。提出的解決方案。

　　

【正文】 .cacheOnDisk(false) .preProcessor(...) .postProcessor(...) .extraForDownloader(...) .considerExifParams(false) 東北石油大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 20 .imageScaleType() .bitmapConfig() .decodingOptions(...) .displayer(new SimpleBitmapDisplayer()) .handler(new Handler()) .build()。 最后，只需要的程序中適當(dāng)?shù)胤?，得到圖片的 url 和要展示圖片的控件，調(diào)用即可： ().displayImage(imageUrl,mImageView,options)。 首頁模塊的實(shí)現(xiàn) 下載 App 后，如果是第一次下載會(huì)有 3 個(gè)引導(dǎo)頁面，滑動(dòng)到最后一頁時(shí)會(huì)有點(diǎn)擊進(jìn)入的提示的按鈕，點(diǎn)擊開啟 App 按鈕 ,即可進(jìn)入 App 通過一個(gè)動(dòng)畫后進(jìn)入App 首頁。如果不是第一次下載，點(diǎn)擊之后直接通過一個(gè)動(dòng)畫進(jìn)入到 App 的首頁。 以上實(shí)現(xiàn)了第一次下載該應(yīng)用的時(shí)候跳轉(zhuǎn)到指導(dǎo)頁面，不是第一次則調(diào)到主頁面，方法是在緩存中存儲(chǔ)一個(gè)布爾值（ isStartOnce），通過這個(gè)值來判斷來開啟哪個(gè)界 面，用一個(gè)計(jì)時(shí)器來讓歡迎界面停留一段時(shí)間在跳轉(zhuǎn)。 核心代碼如下： /** * 開始自動(dòng)滾動(dòng) * * @param delayTimeInMills first scroll delay time */ public void startAutoScroll(int delayTimeInMills) { isAutoScroll = true。 sendScrollMessage(delayTimeInMills)。 } /** * 停止自動(dòng)滾動(dòng) */ public void stopAutoScroll() { isAutoScroll = false。 (SCROLL_WHAT)。 }s 東北石油大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 21 該系統(tǒng)的登錄系統(tǒng)流程圖 52 如下圖所示： 圖 52 多喜愛 App登錄系統(tǒng)流程圖 首頁模塊是第一個(gè) Fragment，整體布局中包含一個(gè)頭布局，接下來是一個(gè)可以左右滑動(dòng)的 RecyclerView[7]指示條，指示條上面 的內(nèi)容是不同的風(fēng)格分類，并且每個(gè)分類均可點(diǎn)擊，點(diǎn)擊指示條上的某一個(gè)風(fēng)格分類下面會(huì)展示對(duì)應(yīng)該分類的東北石油大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 22 穿搭的 ViewPager 的某一頁。當(dāng)然在滑動(dòng)每一頁 ViewPager 的時(shí)候，指示條上也會(huì)隨之滾動(dòng)到對(duì)應(yīng)的風(fēng)格，與其對(duì)照，達(dá)到一個(gè)聯(lián)動(dòng)的效果。 每一頁 ViewPager 的最上面是一套輪播圖，該輪播圖上展示的是該時(shí)期最新最熱門的穿搭，輪播圖是由重寫的可自由輪播也可手動(dòng)輪播的 AutoScrollViewPager實(shí)現(xiàn)的，每一張輪播圖也可點(diǎn)擊進(jìn)入該穿搭熱點(diǎn)的 WebView 的詳細(xì)展示，里面也會(huì)有對(duì)應(yīng)的相關(guān)推薦，點(diǎn) 擊之后可以跳轉(zhuǎn)到對(duì)應(yīng)寶貝的淘寶鏈接。 圖 53 首頁分類展示圖（瀑布流效果） 核心代碼如下： /** * 開始自動(dòng)滾動(dòng) * * @param delayTimeInMills first scroll delay time */ public void startAutoScroll(int delayTimeInMills) { isAutoScroll = true。 sendScrollMessage(delayTimeInMills)。 } /** * 停止自動(dòng)滾動(dòng) */ 東北石油大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 23 public void stopAutoScroll() { isAutoScroll = false。 (SCROLL_WHAT)。 } 接著下面是成兩列排列的 RecyclerView 呈瀑布流的樣式構(gòu)成的，對(duì)應(yīng)其上指示條的某一個(gè)風(fēng)格的穿搭的詳細(xì)展示，每一種穿搭都可以點(diǎn)擊進(jìn)入它的詳細(xì)介紹頁面，里面會(huì)提供這些穿搭詳細(xì)的搭配 信息的展示。 對(duì)于每一幅圖，都用一個(gè) ImageView 的子類 FlowView 來表示。為了不阻塞UI 線程，圖片加載和圖片更新都分別用不同的線程來做。這兩個(gè)線程都在FlowView 中。 FlowView 提供了加載和更新的接口給 Activity 調(diào)用。瀑布流實(shí)例的主 Activity 是 MainActivity，常量都保存在 Constants 類中，方便維護(hù)。 核心代碼如下： public interface OnScrollListener { void onBottom()。 void onTop()。 void onScroll()。 void onAutoScroll(int l, int t, int oldl, int oldt)。 } 圖 54 首頁分類展示圖（瀑布流效果） 其次，在每一種穿搭下除了價(jià)格還有一個(gè)收藏按鈕 ， 可以把喜歡的穿搭收藏到我的模塊的我的收藏里面，收藏喜歡的穿搭這一功能主要是靠 xUtils 的數(shù) 據(jù)庫東北石油大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 24 功能實(shí)現(xiàn)的，而在此處判斷是 否登錄是依靠 SharedPreferences 來判斷的。 圖 55 首頁熱門風(fēng)格穿搭詳情圖 搭配信息界面，主要用來展示相應(yīng)風(fēng)格穿搭的具體搭配組合，在布局的 時(shí)候除去頂部標(biāo)題布局外，采用 ListView 控件展示搭配信息圖片，將從接口處解析后的結(jié)果放入適配器 Adapter 中通過 setAdapter 方法適配到 ListView 控件上。 效果如下圖 542 所示： 圖 56 首頁詳細(xì)穿搭圖 東北石油大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 25 核心代碼如下 ： listview = (ListView) findViewById()。 adapter=newHomeViewPagerRecyclerViewItemClickAdapter(arraylist ,)。 (adapter)。 品牌模塊的實(shí)現(xiàn) 品牌模塊是第二個(gè) Fragm,整體的布局是包含一個(gè)頭布局，接下來是一個(gè)可以豎直滑動(dòng)的 ViewPager,該 ViewPager 分為兩個(gè)頁面，可以豎直滑動(dòng)來切換這兩個(gè)頁面。 第一個(gè)頁面主要介紹的是編輯推薦的一些當(dāng)前比較流行的品牌，對(duì)于每個(gè)品牌都有三張?jiān)撈放频淖钚驴畹恼故尽⑵放频?logo 的展示以及品牌的一段詳細(xì)的文字介紹，對(duì)每個(gè)品牌也可以收 藏。 品牌推薦如下圖所示： 圖 57編輯推薦品牌 第二個(gè)頁面主要是介紹昨日上升最快、本周排行、以及女裝排行這些分類下的品牌。在每個(gè)分類下都會(huì)以類似九宮格的形式展示這些分類下的品牌 logo。整體頁面是由一個(gè) ListView 構(gòu)成，該 ListView 的每一個(gè) item 都是由一個(gè)頭布局和一個(gè) GridView 構(gòu)成，點(diǎn)擊 GridView 中的每一個(gè) item 的品牌 logo，可以進(jìn)入一個(gè)二東北石油大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 26 級(jí)頁面，該頁面是復(fù)用了上一頁的二級(jí)頁面，整體布局也是一個(gè) ListView,它也是使用的 ListView 的兩種 item 布局實(shí)現(xiàn)的，展示 的品牌詳細(xì)穿搭圖片呈現(xiàn)一二一二交替的展示模式。 核心代碼如下： private void changeSrc(int position) { // 第二個(gè)頁面加載 if (position == 1) { View viewtwo = (position)。 listviewtwo = (ListView) ()。 list2 = new ArrayListString()。 (昨日上升最快 )。 (本周品牌排行 )。 (女裝品牌排行 )。 listviewtwoadapter = new BrandVerticalListViewTwoAdapter(list2, getActivity())。 (listviewtwoadapter)。 } } 熱銷品牌展示界面如下圖 58 所示： 圖 58熱銷品牌展示界面 點(diǎn)擊每一個(gè)品牌的 logo 可以進(jìn)入該品牌 的穿搭的詳細(xì)展示。 東北石油大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 27 圖 59編輯推薦品牌詳細(xì)展示圖 該頁面整體布局是一個(gè) ListView，每一個(gè) item 展示一種品牌， item 的上面是三張圖片的展示，之后是品牌的 logo 和一個(gè)收藏按鈕，在最底部是對(duì)該品牌的文字介紹。點(diǎn)擊品牌 logo 之后進(jìn)入一個(gè)二級(jí)頁面，該頁面也是一個(gè) ListView,它的呈現(xiàn)方式與一級(jí)頁面不同，它是使用的 ListView 的兩種 item 布局實(shí)現(xiàn)的，展示的品牌詳細(xì)穿搭圖片呈現(xiàn)一二一二交替的展示模式 。 圖 510熱銷品牌詳 細(xì)展示圖 東北石油大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 28 發(fā)現(xiàn)模塊的實(shí)現(xiàn) 發(fā)現(xiàn)模塊是第三個(gè) Fragm[14],整體的布局是包含一個(gè)頭布局，接下來是一個(gè)背景圖片由 shape 文件構(gòu)成的搜索框。在向下的布局是左右劃分的布局，左邊是一個(gè)豎直的 RecyclerView，每一個(gè) item 中的內(nèi)容的是不同種類物品的分類。右邊最外層是一個(gè) ScrollView 包裹的內(nèi)部是一個(gè)頭部的引導(dǎo)圖片和一個(gè) GridView 構(gòu)成。點(diǎn)擊左邊的每一個(gè)種類物品的分類，右邊就會(huì)切換成與其相對(duì)應(yīng)的種類物品的展示，右邊整體可以上下滑動(dòng)。 圖 511 生活物品分類展示圖 核心代 碼如下： (推薦 )。(女人 )。(美妝 )。(數(shù)碼 )。(居家 )。 (零食 )。(男人 )。(創(chuàng)意 )。 // 設(shè)置布局 (newStaggeredGridLayoutManager(1 ,))。 // 設(shè)置動(dòng)畫效果 (new DefaultItemAnimator())。 // 設(shè)置 item 之間的間隔 SpacesItemDecoration decoration = new SpacesItemDecoration(16)。 (decoration)。 // 設(shè)置適配器 東北石油大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 29 adapter = new FindRecyclerViewAdapter(list, flaglist)。 (adapter)。 // 設(shè)置點(diǎn)擊事件 (new OnItemClickListener() 在某一個(gè)種類物品的頁面，點(diǎn)擊某一個(gè)種類的頭部的引導(dǎo)圖片會(huì)進(jìn)入一個(gè)WebView[15]的展示，是對(duì)應(yīng)種類中的最熱銷的商品，點(diǎn)擊某一個(gè)商品可以進(jìn)入對(duì)應(yīng)的淘寶鏈接。點(diǎn)擊下面某一個(gè)種類下的其中的一個(gè)物品就會(huì)進(jìn)入一個(gè)對(duì)該物品的詳細(xì)展示的二級(jí)頁面 ， 整體是由 RecyclerView 構(gòu)成的瀑布流來顯示。 核心代碼如下： webview = (WebView) findViewById()。 WebSettings webSettings = ()。 //設(shè)置 WebView 屬性，能夠執(zhí)行 Javascript 腳本 (true)。 //設(shè)置可以訪問文件 (true)。 //設(shè)置支持縮放 (true)。 //加載需要顯示的網(wǎng)頁 (url)。 //設(shè)置 Web 視圖 (new webViewClient ())。 效果如下圖 512 和 513 所示： 圖 512 商品詳細(xì)分類展示圖 東北石油大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 30 圖 513熱門生活用品推薦詳情圖 我的模塊的實(shí)現(xiàn) 我的模塊是第四個(gè) Fragment,整體的布局是一個(gè)頭布局，接下來是個(gè)人信息部分，包括頭像，未登錄之前是注冊(cè)和登錄按鈕。 圖 514“我的”展示界面效果 東北石油大學(xué)本科生畢業(yè)設(shè)計(jì)（論文） 31 圖 515 用戶登錄（注冊(cè)）界面展示 注冊(cè)過的可以直接登錄，沒有注冊(cè)過的可以進(jìn)行注冊(cè)。登錄之后顯示的是個(gè)人的用戶名和退出按鈕。注冊(cè)的時(shí)候會(huì)把用戶名和密碼存入到對(duì)應(yīng)的數(shù)據(jù)庫中記錄下來，在登錄的時(shí)候會(huì)到數(shù)據(jù)庫中去通過登錄名去查找是否是對(duì)應(yīng)的用戶名和密碼，如果是則可以登錄成功，同時(shí)把登錄成功的用戶名和密碼存入到SharedPreferences 中以便判斷是否登錄了，來實(shí)現(xiàn)可以收藏和展示收藏的功能。 核心代碼如下： String name =