android自定义控件以及复用控件示例详解

2012-8-10 16:35 上传

下载附件 (154.82 KB)

对于上述几张图片，他们都有一个共同点，布局差不多，我们可以把它封装成一个共同的控件，通过自定义属性来控制子控件的显示与否与内容的不同，背景的不同。

1. 
   
2. package com.android.custom;
   
3. import android.content.Context;
   
4. import android.content.res.TypedArray;
   
5. import android.graphics.Color;
   
6. import android.graphics.drawable.Drawable;
   
7. import android.text.TextUtils.TruncateAt;
   
8. import android.util.AttributeSet;
   
9. import android.view.Gravity;
   
10. import android.view.View;
    
11. import android.view.ViewGroup;
    
12. import android.widget.Button;
    
13. import android.widget.RelativeLayout;
    
14. import android.widget.TextView;
    
15. public class TopBar extends RelativeLayout{
    
16. private Button leftBtn,rightBtn;
    
17. private TextView title;
    
18. private TopBarClickListener topBarClickListener;
    
19. private String titleStr;
    
20. 
    
21. private RelativeLayout.LayoutParams leftBtnLayoutParams,rightBtnLayoutParams,titleLayoutParams;
    
22. private static int LEFT_BTN_ID = 1;
    
23. private static int TITLE_ID = 2;
    
24. private static int RIGHT_BTN_ID = 3;
    
25. 
    
26. private Drawable leftBackground,rightBackground;
    
27. private String leftText,rightText;
    
28. private int leftTextColor,rightTextColor,titleTextColor;
    
29. private float titleTextSize;
    
30. 
    
31. public TopBar(Context context,AttributeSet attrs){
    
32.   super(context,attrs);
    
33.  
    
34.   TypedArray ta = context.obtainStyledAttributes(attrs,R.styleable.TopBar);
    
35.  
    
36.   this.titleStr = ta.getString(R.styleable.TopBar_title);
    
37.   this.leftBackground = ta.getDrawable(R.styleable.TopBar_leftBackground);
    
38.   this.rightBackground = ta.getDrawable(R.styleable.TopBar_rightBackground);
    
39.   this.leftText = ta.getString(R.styleable.TopBar_leftText);
    
40.   this.rightText = ta.getString(R.styleable.TopBar_rightText);
    
41.   this.leftTextColor = ta.getColor(R.styleable.TopBar_leftTextColor, 0);
    
42.   this.rightTextColor = ta.getColor(R.styleable.TopBar_rightTextColor, 0);
    
43.   this.titleTextSize = ta.getDimension(R.styleable.TopBar_titleTextSize, 14);
    
44.   this.titleTextColor = ta.getColor(R.styleable.TopBar_titleTextColor, 0);
    
45.  
    
46.   ta.recycle();
    
47.  
    
48.   leftBtn = new Button(context);
    
49.   rightBtn = new Button(context);
    
50.   title = new TextView(context);
    
51.  
    
52.   leftBtn.setId(LEFT_BTN_ID);
    
53.   rightBtn.setId(RIGHT_BTN_ID);
    
54.   title.setId(TITLE_ID);
    
55.  
    
56.  
    
57.  
    
58.   leftBtnLayoutParams = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
    
59. rightBtnLayoutParams = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
    
60.   titleLayoutParams = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
    
61.  
    
62.   leftBtnLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT,RelativeLayout.TRUE);
    
63.   leftBtnLayoutParams.setMargins(12, 0, 0, 0);//左上右下
    
64.   leftBtnLayoutParams.addRule(RelativeLayout.CENTER_VERTICAL, RelativeLayout.TRUE);
    
65.  
    
66.   rightBtnLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,RelativeLayout.TRUE);
    
67.   rightBtnLayoutParams.setMargins(12, 0, 0, 0);//左上右下
    
68.   rightBtnLayoutParams.addRule(RelativeLayout.CENTER_VERTICAL, RelativeLayout.TRUE);
    
69.  
    
70.   titleLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,RelativeLayout.TRUE);
    
71.   titleLayoutParams.setMargins(0, 0, 12, 0);//左上右下
    
72.   titleLayoutParams.addRule(RelativeLayout.CENTER_VERTICAL, RelativeLayout.TRUE);
    
73.   titleLayoutParams.addRule(RelativeLayout.LEFT_OF, RIGHT_BTN_ID);
    
74.   titleLayoutParams.addRule(RelativeLayout.RIGHT_OF, LEFT_BTN_ID);
    
75.   titleLayoutParams.addRule(RelativeLayout.CENTER_IN_PARENT, RelativeLayout.TRUE);
    
76.  
    
77.   addView(leftBtn, leftBtnLayoutParams);
    
78.   addView(rightBtn,rightBtnLayoutParams);
    
79.   addView(title,titleLayoutParams);
    
80.  
    
81.   leftBtn.setBackgroundDrawable(leftBackground);
    
82.   leftBtn.setText(leftText);
    
83.   leftBtn.setTextColor(leftTextColor);
    
84.   rightBtn.setBackgroundDrawable(rightBackground);
    
85.   rightBtn.setText(rightText);
    
86.   rightBtn.setTextColor(rightTextColor);
    
87.  
    
88.   title.setTextSize(22.0f);
    
89.   title.setTextColor(Color.BLUE);
    
90.   title.setEllipsize(TruncateAt.MIDDLE);
    
91.   title.setGravity(Gravity.CENTER_HORIZONTAL);
    
92.   title.setSingleLine(true);
    
93.   title.setText(titleStr);
    
94.   title.setTextSize(titleTextSize);
    
95.   title.setTextColor(titleTextColor);
    
96.  
    
97.   leftBtn.setOnClickListener(new OnClickListener() {
    
98.    @Override
    
99.    public void onClick(View v) {
    
100.     if(topBarClickListener!=null){
     
101.      topBarClickListener.leftBtnClick();
     
102.     }
     
103.    }
     
104.   });
     
105.  
     
106.   rightBtn.setOnClickListener(new OnClickListener() {
     
107.    @Override
     
108.    public void onClick(View v) {
     
109.     if(topBarClickListener!=null){
     
110.      topBarClickListener.rightBtnClick();
     
111.     }
     
112.    }
     
113.   });
     
114. }
     
115. public void setTopBarClickListener(TopBarClickListener topBarClickListener) {
     
116.   this.topBarClickListener = topBarClickListener;
     
117. }
     
118. }
     
119. 
     

复制代码

1. 
   
2. package com.android.custom;
   
3. public interface TopBarClickListener {
   
4. void leftBtnClick();
   
5. void rightBtnClick();
   
6. }
   
7. 
   

复制代码

1. 
   
2. package com.android.custom;
   
3. import android.app.Activity;
   
4. import android.os.Bundle;
   
5. import android.widget.Toast;
   
6. public class CustomViewActivity extends Activity{
   
7. private TopBar topBar;
   
8.     @Override
   
9.     public void onCreate(Bundle savedInstanceState) {
   
10.         super.onCreate(savedInstanceState);
    
11.         setContentView(R.layout.main);
    
12.        
    
13.         topBar = (TopBar)findViewById(R.id.topBar);
    
14.         topBar.setTopBarClickListener(new TopBarClickListener() {
    
15.    @Override
    
16.    public void rightBtnClick() {
    
17.     //处理右边按钮所对应的逻辑
    
18.     Toast.makeText(CustomViewActivity.this, "你点击的是右边的按钮", Toast.LENGTH_LONG).show();
    
19.    }
    
20.   
    
21.    @Override
    
22.    public void leftBtnClick() {
    
23.     //处理左边按钮所对应的逻辑
    
24.     Toast.makeText(CustomViewActivity.this, "你点击的是左边的按钮", Toast.LENGTH_LONG).show();
    
25.    }
    
26.   });
    
27.     }
    
28. }
    

复制代码

在res/xml文件夹下面新建attrs.xml

1. 
   
2. <?xml version="1.0" encoding="utf-8"?>
   
3. <resources>
   
4. <declare-styleable name="TopBar">
   
5.   <attr name="title" format="string"/>
   
6.   <attr name="titleTextSize" format="dimension"/>
   
7.   <attr name="titleTextColor" format="color"/>
   
8.   <attr name="leftTextColor" format="color"/>
   
9.   <attr name="leftBackground" format="string"/>
   
10.   <attr name="leftText" format="string"/>
    
11.   <attr name="rightTextColor" format="color"/>
    
12.   <attr name="rightBackground" format="string"/>
    
13.   <attr name="rightText" format="string"/>
    
14. </declare-styleable>
    
15. </resources>
    

复制代码

布局文件：

1. 
   
2. <?xml version="1.0" encoding="utf-8"?>
   
3. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
4. xmlns:custom="http://schemas.android.com/apk/res/com.android.custom"
   
5. android:orientation="vertical" android:layout_width="fill_parent"
   
6. android:layout_height="fill_parent">
   
7. <TextView android:layout_width="fill_parent"
   
8.   android:layout_height="fill_parent" android:background="#ff00ff00" />
   
9. <com.android.custom.TopBar android:id="@+id/topBar"
   
10.   custom:title="自定义标题" custom:titleTextSize="14.0sp" custom:titleTextColor="#ff0000" android:layout_width="fill_parent"
    
11.   custom:leftBackground="@drawable/icon" custom:rightBackground="@drawable/icon"
    
12.   custom:leftText="左侧" custom:rightText="右侧"
    
13.   custom:leftTextColor="#123123" custom:rightTextColor="#ff0000"
    
14.   android:layout_height="wrap_content" android:background="#0000ff">
    
15. </com.android.custom.TopBar>
    
16. </FrameLayout>
    
17. 
    

复制代码

2012-8-10 16:39 上传

下载附件 (22.8 KB)