[关闭]
@linux1s1s 2016-09-26T17:56:57.000000Z 字数 6881 阅读 2212

Android 自定义View 实例

AndroidView

Android 相关自定义View基本知识可以参考 Android View 自定义属性， 本篇博客博主将和大家一起实践Android自定义View，我们知道，在应用中最常见的就是TitleBar，他们形式上保持一致，一般均是左边回退按钮，中间说明文本，右边功能按钮。所以很适合抽取作为自定义View模板，废话少说，直接上干货。

自定义View-attrs

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3.     <declare-styleable name="TitleBarCustom">
  4.         <attr name="center_text" format="string"/>
  5.         <attr name="center_size" format="dimension"/>
  6.         <attr name="center_color" format="color"/>
  7.         <attr name="center_ground" format="reference|color"/>
  8.         <attr name="left_text" format="string"/>
  9.         <attr name="left_size" format="dimension"/>
  10.         <attr name="left_color" format="color"/>
  11.         <attr name="left_ground" format="reference|color"/>
  12.         <attr name="right_text" format="string"/>
  13.         <attr name="right_size" format="dimension"/>
  14.         <attr name="right_color" format="color"/>
  15.         <attr name="right_ground" format="reference|color"/>
  16.     </declare-styleable>
  17. </resources>

自定义View类

  1. import android.content.Context;
  2. import android.content.res.TypedArray;
  3. import android.graphics.drawable.Drawable;
  4. import android.util.AttributeSet;
  5. import android.view.View;
  6. import android.widget.Button;
  7. import android.widget.LinearLayout;
  8. import android.widget.RelativeLayout;
  9. import android.widget.TextView;
  11. public class TitleBar extends RelativeLayout
  12. {
  13.     private Button mRightButton, mLeftButton;
  14.     private TextView mCenterTextView;
  15.     private int mCenterColor, mRightColor, mLeftColor;
  16.     private Drawable mCenterBackground, mRightBackground, mLeftBackground;
  17.     private float mCenterSize, mRightSize, mLeftSize;
  18.     private String mCenterText, mRightText, mLeftText;
  20.     public void setOnTitleBarClickListener(OnTitleBarClickListener mOnTitleBarClickListener)
  21.     {
  22.         this.mOnTitleBarClickListener = mOnTitleBarClickListener;
  23.     }
  25.     private OnTitleBarClickListener mOnTitleBarClickListener;
  27.     public TitleBar(Context context, AttributeSet attrs)
  28.     {
  29.         super(context, attrs);
  31.         final TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.TitleBarCustom);
  33.         final int N = a.getIndexCount();
  35.         for (int i = 0; i < N; i++)
  36.         {
  37.             int attr = a.getIndex(i);
  39.             switch (attr)
  40.             {
  41.                 case R.styleable.TitleBarCustom_center_color:
  43.                     mCenterColor = a.getColor(attr, -1);
  44.                     break;
  46.                 case R.styleable.TitleBarCustom_center_size:
  48.                     mCenterSize = a.getDimension(attr, 0);
  49.                     break;
  51.                 case R.styleable.TitleBarCustom_center_text:
  53.                     mCenterText = a.getString(attr);
  54.                     break;
  56.                 case R.styleable.TitleBarCustom_center_ground:
  58.                     mCenterBackground = a.getDrawable(attr);
  59.                     break;
  61.                 case R.styleable.TitleBarCustom_left_color:
  63.                     mLeftColor = a.getColor(attr, -1);
  64.                     break;
  66.                 case R.styleable.TitleBarCustom_left_size:
  68.                     mLeftSize = a.getDimension(attr, 0);
  69.                     break;
  71.                 case R.styleable.TitleBarCustom_left_text:
  73.                     mLeftText = a.getString(attr);
  74.                     break;
  76.                 case R.styleable.TitleBarCustom_left_ground:
  78.                     mLeftBackground = a.getDrawable(attr);
  79.                     break;
  81.                 case R.styleable.TitleBarCustom_right_color:
  83.                     mRightColor = a.getColor(attr, -1);
  84.                     break;
  86.                 case R.styleable.TitleBarCustom_right_size:
  88.                     mRightSize = a.getDimension(attr, 0);
  89.                     break;
  91.                 case R.styleable.TitleBarCustom_right_text:
  93.                     mRightText = a.getString(attr);
  94.                     break;
  96.                 case R.styleable.TitleBarCustom_right_ground:
  98.                     mRightBackground = a.getDrawable(attr);
  99.                     break;
  100.             }
  101.         }
  103.         mRightButton = new Button(context);
  104.         mRightButton.setText(mRightText);
  105.         mRightButton.setTextSize(mRightSize);
  106.         mRightButton.setTextColor(mRightColor);
  107.         mRightButton.setBackgroundDrawable(mRightBackground);
  108.         RelativeLayout.LayoutParams rightParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
  109.         rightParams.addRule(ALIGN_PARENT_RIGHT, TRUE);
  110.         rightParams.addRule(CENTER_VERTICAL, TRUE);
  111.         rightParams.setMargins(0, 0, 10, 0);
  112.         mRightButton.setLayoutParams(rightParams);
  113.         addView(mRightButton);
  114.         mRightButton.setOnClickListener(new OnClickListener()
  115.         {
  116.             @Override
  117.             public void onClick(View v)
  118.             {
  119.                 if (mOnTitleBarClickListener != null)
  120.                 {
  121.                     mOnTitleBarClickListener.rightButtonClick();
  122.                 }
  124.             }
  125.         });
  128.         mLeftButton = new Button(context);
  129.         mLeftButton.setText(mLeftText);
  130.         mLeftButton.setTextSize(mLeftSize);
  131.         mLeftButton.setTextColor(mLeftColor);
  132.         mLeftButton.setBackgroundDrawable(mLeftBackground);
  133.         RelativeLayout.LayoutParams leftParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
  134.         leftParams.addRule(ALIGN_PARENT_LEFT, TRUE);
  135.         leftParams.addRule(CENTER_VERTICAL, TRUE);
  136.         leftParams.setMargins(10, 0, 0, 0);
  137.         mLeftButton.setLayoutParams(leftParams);
  138.         addView(mLeftButton);
  140.         mLeftButton.setOnClickListener(new OnClickListener()
  141.         {
  142.             @Override
  143.             public void onClick(View v)
  144.             {
  145.                 if (mOnTitleBarClickListener != null)
  146.                 {
  147.                     mOnTitleBarClickListener.leftButtonClick();
  148.                 }
  150.             }
  151.         });
  153.         mCenterTextView = new TextView(context);
  154.         mCenterTextView.setText(mCenterText);
  155.         mCenterTextView.setTextSize(mCenterSize);
  156.         mCenterTextView.setTextColor(mCenterColor);
  157.         mCenterTextView.setBackgroundDrawable(mCenterBackground);
  158.         RelativeLayout.LayoutParams centerParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
  159.         centerParams.addRule(CENTER_IN_PARENT, TRUE);
  160.         leftParams.setMargins(10, 0, 10, 0);
  161.         mCenterTextView.setLayoutParams(centerParams);
  162.         addView(mCenterTextView);
  164.         a.recycle();
  165.     }
  167.     @SuppressWarnings("unused")
  168.     public void setRightButtonVisiablity(boolean isVisiable)
  169.     {
  170.         if (mRightButton == null) return;
  172.         if (isVisiable)
  173.         {
  174.             mRightButton.setVisibility(View.VISIBLE);
  175.         }
  176.         else
  177.         {
  178.             mRightButton.setVisibility(View.GONE);
  179.         }
  180.     }
  182.     @SuppressWarnings("unused")
  183.     public void setLeftButtonVisiablity(boolean isVisiable)
  184.     {
  185.         if (mLeftButton == null) return;
  187.         if (isVisiable)
  188.         {
  189.             mLeftButton.setVisibility(View.VISIBLE);
  190.         }
  191.         else
  192.         {
  193.             mLeftButton.setVisibility(View.GONE);
  194.         }
  195.     }
  197.     @SuppressWarnings("unused")
  198.     public void setCenterTextVisiablity(boolean isVisiable)
  199.     {
  200.         if (mCenterTextView == null) return;
  202.         if (isVisiable)
  203.         {
  204.             mCenterTextView.setVisibility(View.VISIBLE);
  205.         }
  206.         else
  207.         {
  208.             mCenterTextView.setVisibility(View.GONE);
  209.         }
  210.     }
  212.     public interface OnTitleBarClickListener
  213.     {
  214.         void leftButtonClick();
  216.         void rightButtonClick();
  217.     }
  218. }

使用自定义View

首先在UI中定义

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.               xmlns:linroid="http://schemas.android.com/apk/res-auto"
  4.               android:orientation="vertical"
  5.               android:layout_width="match_parent"
  6.               android:layout_height="match_parent">
  8.     <studio.linroid.com.tasktest.TitleBar
  9.             android:layout_width="match_parent"
  10.             android:layout_height="60dp"
  11.             linroid:center_color="#FF0000"
  12.             linroid:center_text="This is Title"
  13.             linroid:center_size="12dp"
  14.             linroid:center_ground="#00FF00"
  15.             linroid:right_color="#00FF00"
  16.             linroid:right_text="Click"
  17.             linroid:right_size="10dp"
  18.             linroid:right_ground="#0000FF"
  19.             linroid:left_color="#0000FF"
  20.             linroid:left_text="Back"
  21.             linroid:left_size="10dp"
  22.             linroid:left_ground="#FF0000"
  23.             android:id="@+id/title_bar" />
  25. </LinearLayout>

然后在代码中使用

  1. public class SixActivity extends Activity
  2. {
  3.     @Override
  4.     protected void onCreate(Bundle savedInstanceState)
  5.     {
  6.         super.onCreate(savedInstanceState);
  8.         setContentView(R.layout.activity_title);
  10.         initView();
  11.     }
  13.     private void initView()
  14.     {
  15.         final TitleBar titleBar = (TitleBar) findViewById(R.id.title_bar);
  17.         if (titleBar != null)
  18.         {
  19.             titleBar.setOnTitleBarClickListener(new OnTitleBarClickListener()
  20.             {
  21.                 @Override
  22.                 public void leftButtonClick()
  23.                 {
  24.                     Toast.makeText(SixActivity.this, "Left button click!", Toast.LENGTH_LONG).show();
  25.                 }
  27.                 @Override
  28.                 public void rightButtonClick()
  29.                 {
  30.                     Toast.makeText(SixActivity.this, "Right button click!", Toast.LENGTH_LONG).show();
  31.                 }
  32.             });
  33.         }
  34.     }
  35. }

这样就完成了整个TitleBar的自定义View，虽然很粗糙，但是基本的模型已经出来了，这是个典型的组合自定义型View的例子，其他自定义型View后续会更新。

添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注