本項目來自菜鳥窩，有興趣者點擊http://www.cniao5.com/course/
項目已經做完，
https://github.com/15829238397/CN5E-shop
仿京東商城系列0------項目簡介
仿京東商城系列1------fragmentTabHost實現底部導航欄
仿京東商城系列2------自定義toolbar
仿京東商城系列3------封裝Okhttp
仿京東商城系列4------輪播廣告條
仿京東商城系列5------商品推薦欄
仿京東商城系列6------下拉刷新上拉加載的商品列表
仿京東商城系列7------商品分類頁面
仿京東商城系列8------自定義的數量控制器
仿京東商城系列9------購物車數據存儲器實現
仿京東商城系列10------添加購物車，管理購物車功能實現
仿京東商城系列11------商品排序功能以及布局切換實現（Tablayout）
仿京東商城系列12------商品詳細信息展示（nativie與html交互）
仿京東商城系列13------商品分享（shareSDK）
仿京東商城系列14------用戶登錄以及app登錄攔截
仿京東長城系列15------用戶注冊，SMSSDK集成
仿京東商城系列16------支付SDK集成
仿京東商城系列17------支付功能實現
仿京東商城系列18------xml文件讀取（地址選擇器）
仿京東商城系列19------九宮格訂單展示
仿京東商城系列20------終章
前言
之前我們封裝了Okhttp，今天我們就可以用它來搞點事情啦！還需要介紹的還有今天的主角。SliderLayout
老規矩，先上效果。
內容
輪播廣告條簡介
廣告輪播條在HTML網頁設計以及APP界面設計中非常常見，如下圖所示。在Android中，實現的方式可以是自定義ViewPager來實現，但是我們程序員中流傳的一句名言，“不要重復造輪子”。因此我們也可以通過網上已經有的開源項目來進行開發，拿來主義，直接拿來用就可以了，這樣極大地加快了我們的開發速度。
AndroidImageSlider簡介
AndroidImageSlider是GitHub上的一個非常火的開源項目，由“代碼家”出品，他的網址是
https://github.com/daimajia/AndroidImageSlider
下面的用法介紹很多都是參考他的GitHub主頁的常規用法，因此建議大家學習使用開源項目的時候直接參考GitHub主頁的用法介紹。
下圖是AndroidImageSlider的架構，最核心的類是SliderLayout，他繼承自相對布局，包含了可以左右滑動切換的SliderView，以及頁面指示器PagerIndicator，也就是上圖中的4個小圓點。這兩個都可以自定義，常規的用法是：使用TextSliderView+自定義PagerIndicator，下面對常規用法就行介紹。
實現輪播廣告條
- 添加依賴
使用slider需要添加以下三個依賴
compile 'com.daimajia.slider:library:1.1.5@aar'
compile 'com.squareup.picasso:picasso:2.3.2'
//屬性動畫的兼容包
compile 'com.nineoldandroids:library:2.4.0'
- 布局實現
<com.daimajia.slider.library.SliderLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:id="@+id/slider">
</com.daimajia.slider.library.SliderLayout>
布局實現的代碼十分簡單。不多說。
- 代碼實現
public void initSlider () {
OkhttpHelper okhttpHelper = OkhttpHelper.getOkhttpHelper();
Map<String , String> params = new HashMap<String , String>() ;
params.put("type" , 1+"") ;
okhttpHelper.doGet(Contents.API.QUERY_SLIDER , new loadingSpotsDialog<List<SliderIndicator>>(mContext) {
@Override
public void onFailure(Request request, IOException e) {
Log.e("發送請求數據異常" , "---------->"+e) ;
initSlider(getWoringWebConectList());
this.closeSpotsDialog();
}
@Override
public void onErroe(Response response, int responseCode, Exception e) throws IOException {
this.closeSpotsDialog();
Log.e("接收數據異常" , "---------->"+e) ;
initSlider(getWoringWebConectList());
}
@Override
public void callBackSucces(Response response, List<SliderIndicator> sliderIndicator) throws IOException {
this.closeSpotsDialog();
initSlider(sliderIndicator);
}
} , params);
}
public void initSlider(List<SliderIndicator> sliderIndicators ){
sliderLayout = (SliderLayout) mView.findViewById(R.id.slider);
//添加圖片控件
sliderLayout.removeAllSliders();
for(SliderIndicator sliderIndicator : sliderIndicators){
addTextSliderView(sliderIndicator) ;
}
//設置指示器的位置
sliderLayout.setPresetIndicator(SliderLayout.PresetIndicators.Center_Bottom);
//設置圖片的切換效果
sliderLayout.setPresetTransformer(SliderLayout.Transformer.Accordion);
sliderLayout.setCustomAnimation(new DescriptionAnimation());
//添加textView動畫特效
//設置切換時長2000 ,時長越小，切換速度越快
sliderLayout.setDuration(3000);
}
public void addTextSliderView (SliderIndicator sliderIndicator){
TextSliderView textSliderView1=new TextSliderView(mView.getContext());
textSliderView1.description(sliderIndicator.getName());//設置標題
textSliderView1.image(sliderIndicator.getImgUrl()).error(R.drawable.web_wrong);//設置圖片的網絡地址
textSliderView1.setScaleType(BaseSliderView.ScaleType.CenterCrop);//設置圖片的縮放效果;
//添加到布局中顯示
sliderLayout.addSlider(textSliderView1);
}
- 新建一個List<SliderIndicator> sliderIndicators對象，盛放從網絡端得到的輪播的數據。
- initSlider ()方法中使用之前系列3中封裝的okhttp，發送網絡請求，并從網絡端獲得json數據解析后獲得SliderIndicator對象，并存儲入sliderIndicators。
- initSlider(List<SliderIndicator> sliderIndicators )方法，將存儲的數據，進行遍歷，調用addTextSliderView方法，實例化TextSliderView對象并將它添加進sliderLayout。
- 遍歷完畢后對sliderLayout屬性進行設置，如：指示器位置，動畫特效，切換速度等等。
- 功能實現
