Android动态布局，并动态为TextView控件设置drawableLeft、drawableRight等属性加入图标

2022-11-04 15:35:54

Android动态布局，并动态为TextView控件设置drawableLeft、drawableRight等属性加入图标

注：(图中每个条目和图标都是由代码动态生成)



代码动态布局，并须要为每个条目设置图标，此时用到了 android:drawableLeft="@drawable/icon" 



父xml文件：

  1. <?

    xml version="1.0" encoding="utf-8"?>

  2. <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:background="@color/background" >
  6. <!-- 子布局由代码动态生成 -->
  7. <LinearLayout
  8. android:id="@+id/layout_CONTENT"
  9. android:layout_width="match_parent"
  10. android:layout_height="match_parent"
  11. android:padding="@dimen/content_padding" >
  12. <LinearLayout
  13. android:id="@+id/activity_service_select"
  14. android:layout_width="match_parent"
  15. android:layout_height="wrap_content"
  16. android:layout_margin="@dimen/table_margin"
  17. android:background="@color/table_background"
  18. android:orientation="vertical"
  19. android:padding="@dimen/table_padding" >
  20. </LinearLayout>
  21. </LinearLayout>
  22. </ScrollView>

子xml文件：

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:layout_width="match_parent"
  3. android:layout_height="@dimen/row_height"
  4. android:layout_marginBottom="@dimen/row_margin"
  5. android:background="@drawable/row_selector"
  6. android:paddingLeft="@dimen/row_padding_left"
  7. android:paddingRight="@dimen/row_padding_right" >
  8. <TextView
  9. android:id="@+id/tv_select_item"
  10. style="@style/text_18"
  11. android:layout_width="match_parent"
  12. android:layout_height="@dimen/row_height"
  13. android:layout_marginBottom="@dimen/row_margin"
  14. android:background="@drawable/row_selector"
  15. android:gravity="center_vertical"
  16. android:textColor="@drawable/row_text_selector" />
  17. <ImageView
  18. android:id="@+id/iv_icon"
  19. android:layout_width="wrap_content"
  20. android:layout_height="match_parent"
  21. android:layout_alignParentRight="true"
  22. android:duplicateParentState="true"
  23. android:gravity="center_vertical"
  24. android:src="@drawable/go" />
  25. </RelativeLayout>

代码中引用：

  1. private ViewGroup mLayout;
  2. private int img[] = {R.drawable.zikao1,R.drawable.zikao2,R.drawable.zikao3,R.drawable.zikao4};
  3. /* (non-Javadoc)
  4. * @see app.ui.TitleActivity#onCreate(android.os.Bundle)
  5. */
  6. @Override
  7. protected void onCreate(Bundle savedInstanceState) {
  8. super.onCreate(savedInstanceState);
  9. setUpViews();
  10. }
  11. private void setUpViews()
  12. {
  13. setContentView(R.layout.activity_service_select);
  14. setTitle(R.string.text_select);
  15. showBackwardView(R.string.button_backward, true);
  16. mLayout = (ViewGroup)findViewById(R.id.activity_service_select);
  17. final String [] mSelfSelect = getResources().getStringArray(R.array.text_self_select);
  18. // 须要布局的行数
  19. final int rowCount = mSelfSelect.length;
  20. for (int i = 0; i < rowCount; i++) {
  21. final LinearLayout linearLayout = new LinearLayout(this);
  22. View.inflate(this, R.layout.service_examvaluable_item, linearLayout);
  23. final View view = linearLayout.getChildAt(0);
  24. view.setTag(i+1);
  25. view.setOnClickListener(this);
  26. Drawable drawable= getResources().getDrawable(img[i]);
  27. drawable.setBounds(0, 0, drawable.getMinimumWidth(), drawable.getMinimumHeight());
  28. final TextView mTextView = (TextView) linearLayout.findViewById(R.id.tv_select_item);
  29. mTextView.setCompoundDrawables(drawable,null,null,null);//设置TextView的drawableleft
  30. mTextView.setCompoundDrawablePadding(10);//设置图片和text之间的间距
  31. mTextView.setText(mSelfSelect[i]);
  32. // 加入到屏幕布局
  33. LayoutParams layoutParams = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT);
  34. mLayout.addView(linearLayout, layoutParams);
  35. }
  36. }

在程序中直接取出子xml中TextView中的id，并动态设置改变了 DrawableLeft。

解决方式：

[java] view
plaincopy
  1. public void  setCompoundDrawables  (Drawable left, Drawable top, Drawable right, Drawable bottom);

类似调用方法例如以下:

1.在XML中使用

[java] view
plaincopy
  1. android:drawableLeft="@drawable/icon"

2.代码中动态变化

[java] view
plaincopy
  1. Drawable drawable= getResources().getDrawable(R.drawable.drawable);
  2. drawable.setBounds(0, 0, drawable.getMinimumWidth(), drawable.getMinimumHeight());
  3. myTextview.setCompoundDrawables(drawable,null,null,null);

參考还有一个函数：

[java] view
plaincopy
  1. public void setCompoundDrawablesWithIntrinsicBounds (Drawable left,
  2. Drawable top, Drawable right, Drawable bottom)
上一篇：PHP 数组函数整理


下一篇：【腾讯Bugly干货分享】Android动态布局入门及NinePatchChunk解密