Android自定义控件之组合控件

时间 2019-12-11

原文原文链接

Android 学习到一点程度，想继续深造学习就必然会开始接触自定义控件，自定义控件能够分红3种类型，能够说是3个难度，最简单的是组合控件，其次是继承View 自定义控件，最为复杂的是继承ViewGroup的自定义控件，今天咱们就重最简单的自定义组合控件开始学习。android

自定义组合控件能够分红3个步骤，app

第一步选择继承哪一个空间 View 仍是 ViewGroup ；ide

第二步重写3个构成方法，在valus 目录下建立attrs 声明一些根据业务需求的属性布局

第三步显示学习

须要注意：自定义控件须要应用命名空间和完整包名，具体看如下代码ui

第一步：继承了LinearLayout this

package com.example.CombinationView;

import android.annotation.TargetApi;
import android.content.Context;
import android.content.res.TypedArray;
import android.os.Build;
import android.util.AttributeSet;
import android.view.View;
import android.widget.LinearLayout;

/**
 * Created by ADMIN on 2015/9/30.
 */
public class TopView extends LinearLayout {
    
    int defaultViewType = 0;//默认的组合view
    boolean left, right, section;

    View leftView, rightView, sectionView;

    public TopView(Context context) {
      this(context, null);

    }
    
// 对XML 的解析
    public TopView(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray array = context.obtainStyledAttributes(attrs,
                R.styleable.Top);

        defaultViewType = array.getInteger(R.styleable.Top_viewtype, 0);
        left = array.getBoolean(R.styleable.Top_left, true);
        right = array.getBoolean(R.styleable.Top_right, true);
        section = array.getBoolean(R.styleable.Top_section, true);
        array.recycle();

//

        initView(context);
    }


 // 根据不一样XML标记 更换不一样的View
    private void initView(Context context) {
        View Viewtop;
        switch (defaultViewType){
            case 0:
                Viewtop =  TopView.inflate(context, R.layout.tob_view, this);
                initChildrenView(Viewtop);
                break;
            case 1:
                Viewtop =  TopView.inflate(context, R.layout.tob_viewtwo, this);
                initChildrenView(Viewtop);
                break;
        }



    }

    private void initChildrenView(View viewtop) {

        leftView =  viewtop.findViewById(R.id.left);
        rightView =viewtop.findViewById(R.id.right);
        sectionView = viewtop.findViewById(R.id.section);

        leftView.setVisibility(left ? VISIBLE : GONE);
        rightView.setVisibility(right ? VISIBLE : GONE);
        sectionView.setVisibility(section ? VISIBLE : GONE);
    }


    /**
     *   左边点击事件监听
     * @param onClickListener
     */
    public  void LeftViewClick(OnClickListener onClickListener){
        leftView.setOnClickListener(onClickListener);
    }

    /**
     *  右边点击事件监听
     * @param onClickListener
     */
        public    void RigthViewClick(OnClickListener onClickListener){
        rightView.setOnClickListener(onClickListener);
    }


    public View getSectionView() {
        return sectionView;
    }

    public View getLeftView() {
        return leftView;
    }

    public View getRightView() {
        return rightView;
    }

    /**
     *  对自定义内部的点解事件进行所有监听传递到到外面Actity

       对外包提供事件处理的方法
     * @param onClickListener
     */
    public void TopClick(OnClickListener onClickListener){
        LeftViewClick(onClickListener);
        RigthViewClick(onClickListener);
    }

}


===================================================================

valus 目录下建立attrs 声明一些根据业务需求的属性

<resources>
    <declare-styleable name="Top">
     <attr name="viewtype" format="integer"/>
        <attr name="left" format="boolean"  />
        <attr name="right" format="boolean"  />
        <attr name="section" format="boolean"  />
    </declare-styleable>
</resources>


===============================================

在布局文件中引用组合控件
须要注意的是

http://schemas.android.com/apk/res/ + package包名

xmlns:top="http://schemas.android.com/apk/res/com.example.CombinationView"

=========================================

  xmlns:top="http://schemas.android.com/apk/res/com.example.CombinationView"

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:top="http://schemas.android.com/apk/res/com.example.CombinationView"
              android:orientation="vertical"
              android:background="#FFFFFF"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
        >

    <com.example.CombinationView.TopView
            android:id="@+id/topview"
            top:left="true"
            top:viewtype="0"
            android:layout_width="match_parent"
              android:layout_height="60dp"/>

</LinearLayout>


========================================================================
在主activity 中 处理组合控件的每一个点击事件

package com.example.CombinationView;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;

public class MyActivity extends Activity {
    /**
     * Called when the activity is first created.
     */

    TopView topView;
    View left;
    View Right;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        topView = (TopView) findViewById(R.id.topview);
        left = topView.getLeftView();
        Right = topView.getRightView();
        topView.TopClick(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
             if(v ==left){
                 System.out.println("点击了左边");
             }else if(v==Right){
                 System.out.println("点解了==Right");

             }
            }
        });

    }
}

OK 完美收官，就这样完成一个自定义组合控件， 不懂请留言