2016年1月16日 星期六

Android-廣告 滑動頁面 ViewPager + PagerAdapter + 引導圖 (二)

上一篇 :
我們有提到怎麼使用 ViewAdapter

這篇我們要來簡單敘述說怎麼在畫面新增索引點
1 . 在原本佈局加上一個元件的佈局( LinearLayout )
2 . 新增 選取/被選取 圖示
3 . 依照數量創立出對應的 ImageView
4 . 將剛剛產生好了元件放置在佈局內( 1 )
5 . 在 PagerAdapter 設置 PagerSelected 監聽器

private void setPagerIndicator () {
         
      // 統計圖片數量
    dotsCount = myPagerAdapter.getCount();
    // 依照數量生成對應數量元件
    dots = new ImageView[dotsCount];
 
    // 在圖片元件放置對應的圖檔
    // 結束後,放在對應佈局元件內
    for (int i = 0; i < dotsCount; i++) {
        dots[i] = new ImageView(this);
        dots[i].setImageDrawable(getResources()
                .getDrawable(R.drawable.nonselecteditem_dot));
 
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT
        );
       
        // 間距
        params.setMargins(4, 0, 4, 0);
        
        // 加載在佈局
        pager_indicator.addView(dots[i], params);
    }
 
    // 將第一點設定為初始點
    dots[0].setImageDrawable(getResources().getDrawable(R.drawable.selecteditem_dot));
}

@Override
public void onPageSelected(int position) {
    for (int i = 0; i < dotsCount; i++) {
        dots[i].setImageDrawable(getResources()
            .getDrawable(R.drawable.nonselecteditem_dot));
    }
    dots[position].setImageDrawable(getResources()
        .getDrawable(R.drawable.selecteditem_dot));
}



歡迎轉載,請註明出處。

沒有留言:

張貼留言