Android佈局中動態新增ImageView並設定間隔
要求:引導圖中的小圓點跟隨著滑動的圖片滑動,小圓點有一定的間隔。
具體實現:
1.佈局檔案
<LinearLayout
android:id="@+id/ll_guide_point"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="40dp"
android:gravity="center_horizontal"
android:orientation="horizontal" />
2.程式碼檔案
/**
* 載入底部圓點
*/
private void initPoint() {
//這裡例項化LinearLayout
llGuidePoint = findViewById(R.id.ll_guide_point);
//根據ViewPager的item數量例項化陣列
ivPointArray = new ImageView[viewList.size()];
//迴圈新建底部圓點ImageView,將生成的ImageView儲存到陣列中
int size = viewList.size();
for (int i = 0; i < size; i++) {
iv_point = new ImageView(this);
LinearLayout.LayoutParams lp = new
LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,
LinearLayout.LayoutParams.WRAP_CONTENT);
//設定小圓點的間距
lp.setMargins(20, 0, 20, 0);
iv_point.setLayoutParams(lp);
ivPointArray[i] = iv_point;
//第一個頁面需要設定為選中狀態,這裡採用兩張不同的圖片
if (i == 0) {
iv_point.setBackgroundResource(R.drawable.guide_dot_select);
} else {
iv_point.setBackgroundResource(R.drawable.guide_dot_unselect);
}
//將陣列中的ImageView加入到ViewGroup
llGuidePoint.addView(ivPointArray[i]);
}
}
剛開始設定小圓點的間距怎麼都不好使,
//設定小圓點的間距
iv_point.setPadding(20,0,20,0);
最後,小圓點的間距的設定,不是設定動態生成的imageView的邊距,而是獲取當前LayoutParams物件,然後設定邊距,剛才測試一下好使。希望對大家有幫助。
轉載請註明處,謝謝!
相關文章
- 動態的新增ImageView到LinearLayout中並居中顯示View
- 如何在 Nuxt 中動態設定頁面佈局UX
- Android 幀動畫打造動態ImageViewAndroid動畫View
- Android ImageView對齊方式設定AndroidView
- 使用 addRouteMiddleware 動態新增中間
- Android之TextView設定drawableRight等圖片文字間隔AndroidTextView
- Android 頁面多狀態佈局管理Android
- Android中佈局的優化Android優化
- Android 佈局Android
- wxPython 中的動態內容與佈局管理Python
- 動態介面:DSL&佈局引擎
- 動態Vue.js佈局元件Vue.js元件
- Vue專案rem佈局設定VueREM
- Android學習—— Android佈局Android
- 佈局新增長:新常態下移動營銷的獲客與擴量
- 互動多媒體展廳設計的空間佈局
- Android 佈局優化Android優化
- android --巧用 flexboxLayout 佈局AndroidFlex
- JavaScript動態建立div並新增樣式JavaScript
- Qt5.9中QSS(qt Style Sheet)用法之一設定按鈕顏色和背景色(設定按鈕間相互間隔、設定按鈕與周圍邊緣間隔)QT
- 解鎖Android設計佈局的新姿勢Android
- Android中常見的佈局和佈局引數Android
- 浮動佈局 和 flex佈局Flex
- Android平臺targetSdkVersion設定及動態許可權Android
- react-native佈局和樣式設定React
- CSS Grid 網格佈局邊框設定CSS
- [提問交流]介面佈局如何設定為固定,不自動伸縮!
- 實現一個上下固定,中間自動填滿的佈局
- Android FlexboxLayout 佈局詳解AndroidFlex
- Android入門教程 | UI佈局之LinearLayout 線性佈局AndroidUI
- Android入門教程 | UI佈局之RelativeLayout 相對佈局AndroidUI
- Flutter之在Flutter佈局中嵌入原生元件Android篇Flutter元件Android
- Android中View的測量和佈局過程AndroidView
- css實現高度動態變化的佈局CSS
- flex佈局不相容ie怎麼設定Flex
- 佈局之: flex(CSS3新增)FlexCSSS3
- Android ImageView 清空背景圖片AndroidView
- egw中間設定