首页 > 代码库 > 自定义控件属性

自定义控件属性

2024-11-18 07:30:01   202人阅读

demo：defineView
1.如何自定义控件属性?
2.如何动态创建组件？
3.接口回调思想

设计需要的属性
values新建attrs.xml。通过<declare-styleable>来告诉系统这是自定义的属性
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3.     <declare-styleable name ="Topbar">
  4.         <attr name = "title" format="string"/>
  5.         <attr name = "titleSize" format = "dimension"/>
  6.         <attr name = "titleTextColor" format = "color"/>
  7.         <attr name = "leftTextColor" format="color"/>
  8.         <attr name = "leftBackground" format = "reference|color"/>
  9.         <attr name = "leftText" format = "string"/>
  10.         <attr name = "rightTextColor" format="color"/>
  11.         <attr name = "rightBackground" format = "reference|color"/>
  12.         <attr name = "rightText" format = "string"/>       
  13.     </declare-styleable>
  14. </resources>
实现一个自定义的“View”
重写构造方法，在构造方法中取出自定义值存到TapeArray中，从TypeArray中取出相应的值给了相应的变量，然后组合控件并添加到
ViewGroup中，所有布局属性都在里面设置。
  1. public class Topbar extends RelativeLayout {
  3. 	private Button leftButton,rightButton;
  4. 	private TextView tvText;
  5. 	
  6. 	/**
  7. 	 * 左边字体的颜色
  8. 	 */
  9. 	private int leftTextColor;
  10. 	/**
  11. 	 * 左边背景的颜色
  12. 	 */
  13. 	private Drawable leftBackground;
  14. 	/**
  15. 	 * 左边butto文字
  16. 	 */
  17. 	private String leftText;
  18. 	/**
  19. 	 * 右边字体的颜色
  20. 	 */
  21. 	private int rightTextColor;
  22. 	/**
  23. 	 * 右边背景的颜色
  24. 	 */
  25. 	private Drawable rightBackground;
  26. 	/**
  27. 	 * 右边butto文字
  28. 	 */
  29. 	private String rightText;
  30. 	
  31. 	/**
  32. 	 * title要显示文字的大小
  33. 	 */
  34. 	private float titleTextSize;
  35. 	/**
  36. 	 * title字体的颜色
  37. 	 */
  38. 	private int titleTextColor;
  39. 	/**
  40. 	 * title的文字
  41. 	 */
  42. 	private String title;
  43. 	
  44. 	private LayoutParams leftParams,rightParams,titleParams;
  45. 	
  46. 	private topbarClickListener listener;
  47. 	/**
  48. 	 * 实现自己的接口
  49. 	 * @author Kevin
  50. 	 *
  51. 	 */
  52. 	public interface topbarClickListener{
  53. 		public void leftClick();
  54. 		public void rightClick();
  55. 	}
  57. 	/**
  58. 	 * 将传进来的映射
  59. 	 * @param listener
  60. 	 */
  61. 	public void setOnTopClickListener(topbarClickListener listener){
  62. 		this.listener = listener;
  63. 	}
  64. 	
  65.     //需要自定义属性，所以需要attrs参数
  66. 	public Topbar(Context context, AttributeSet attrs) {
  67. 		super(context, attrs);
  68. 		//存取自定义属性中的值返回到TypedArray
  69. 		TypedArray ta = context.obtainStyledAttributes(attrs,R.styleable.Topbar);
  70. 		//完成属性赋值
  71. 		leftTextColor = ta.getColor(R.styleable.Topbar_leftTextColor, 0);
  72. 		leftBackground = ta.getDrawable(R.styleable.Topbar_leftBackground);
  73. 		rightText = ta.getString(R.styleable.Topbar_rightText);
  74. 		
  75. 		rightTextColor = ta.getColor(R.styleable.Topbar_rightTextColor, 0);
  76. 		rightBackground = ta.getDrawable(R.styleable.Topbar_rightBackground);
  77. 		leftText = ta.getString(R.styleable.Topbar_leftText);
  78. 		
  79. 		titleTextSize = ta.getDimension(R.styleable.Topbar_titleSize,0);
  80. 		titleTextColor = ta.getColor(R.styleable.Topbar_titleTextColor,0);
  81. 		title = ta.getString(R.styleable.Topbar_title);
  82. 		
  83. 		//TypedArray一定要回收，避免浪费资源和由于缓存造成的错误
  84. 		ta.recycle();
  85. 		
  86. 		leftButton = new Button(context);
  87. 		rightButton = new Button(context);
  88. 		tvText = new TextView(context);
  89. 		
  90. 		//自定义属性赋值给自定义的控件
  91. 		leftButton.setTextColor(leftTextColor);
  92. 		leftButton.setBackgroundDrawable(leftBackground);
  93. 		leftButton.setText(leftText);
  94. 		
  95. 		rightButton.setTextColor(rightTextColor);
  96. 		rightButton.setBackgroundDrawable(rightBackground);
  97. 		rightButton.setText(rightText);
  98. 		
  99. 		tvText.setTextColor(titleTextColor);
  100. 		tvText.setTextSize(titleTextSize);
  101. 		tvText.setText(title);
  102. 		tvText.setGravity(Gravity.CENTER);
  103. 		
  104. 		setBackgroundColor(0xFFF59563);
  105. 		//设置布局参数
  106. 		leftParams = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
  107. 		//居左对齐
  108. 		leftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT,TRUE);
  109. 		
  110. 		//以leftParams的方式添加进去
  111. 		addView(leftButton,leftParams);
  112. 		
  113. 		//设置布局参数
  114. 		rightParams = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
  115. 		//居右对齐
  116. 		rightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,TRUE);		
  117. 		addView(rightButton,rightParams);
  118. 		
  119. 		titleParams = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.MATCH_PARENT);
  120. 		titleParams.addRule(RelativeLayout.CENTER_IN_PARENT,TRUE);		
  121. 		addView(tvText,titleParams);		
  122. 		
  123. 		
  124. 		leftButton.setOnClickListener(new OnClickListener() {
  125. 			
  126. 			@Override
  127. 			public void onClick(View v) {
  128. 				listener.leftClick();
  129. 			}
  130. 		});
  131. 		
  132. 		rightButton.setOnClickListener(new OnClickListener() {
  133. 			
  134. 			@Override
  135. 			public void onClick(View v) {
  136. 				listener.rightClick();
  137. 			}
  138. 		});
  139. 		
  140. 	}
  141. }
接口回调抽象了使用的方法，点击事件抽象了出来，让调用者决定到底做什么，topbar就被封装起来了。
引用“View”
xmlns是命名空间，需要添加命名空间来引用自己的属性，AS中auto就行，Eclipse需要完整的包名。
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:custom="http://schemas.android.com/apk/res/com.llc.defineview"
  3.     xmlns:tools="http://schemas.android.com/tools"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     tools:context="com.llc.defineview.MainActivity" >
  8.     <com.llc.defineview.Topbar 
  9.         android:id="@+id/topbar"
  10.         android:layout_width="match_parent"
  11.         android:layout_height="40dp"
  12.         custom:leftBackground="@drawable/back_bg"
  13.         custom:leftText="back"
  14.         custom:leftTextColor="#ffffff"
  15.         custom:rightBackground="@drawable/edit_bg"
  16.         custom:rightText="more"
  17.         custom:rightTextColor="#ffffff"
  18.         custom:title="自定义标题"
  19.         custom:titleTextColor="#123421"
  20.         custom:titleSize="10sp">      
  21.     </com.llc.defineview.Topbar>
  22. </RelativeLayout>
MainActivity.java
  1. public class MainActivity extends Activity {
  3.     @Override
  4.     protected void onCreate(Bundle savedInstanceState) {
  5.         super.onCreate(savedInstanceState);
  6.         setContentView(R.layout.activity_main);
  7.         Topbar topbar = (Topbar) findViewById(R.id.topbar);
  8.         topbar.setOnTopClickListener(new Topbar.topbarClickListener() {
  9. 			
  10. 			@Override
  11. 			public void rightClick() {
  12. 				Toast.makeText(MainActivity.this, "left", Toast.LENGTH_LONG).show();
  13. 			}
  14. 			
  15. 			@Override
  16. 			public void leftClick() {
  17. 				Toast.makeText(MainActivity.this, "right", Toast.LENGTH_LONG).show();
  18. 			}
  19. 		});
  20.     }
  21. }





来自为知笔记(Wiz)


自定义控件属性


联系
我们