android 사용자 정의 View 의 복합 컨트롤

복합 컨트롤 은 재 활용 기능 을 가 진 컨트롤 집합 을 잘 만 들 수 있다.
많은 앱 들 이 공통 적 인 UI 인터페이스 를 가지 고 있 습 니 다.프로그램의 스타일 을 통일 시 키 기 위해 다음 과 같은 Topbar 를 사례 로 복합 컨트롤 을 설명 하 겠 습 니 다.
구현 효 과 는 그림:

STEP 1:속성 정의
res 자원 디 렉 터 리 의 values 디 렉 터 리 에 attrs.xml 속성 정의 파일 을 만 들 고 View 에 사용자 정의 속성 을 제공 합 니 다.
코드 에 서 는 탭 을 통 해 사용자 정의 속성 을 설명 하고 name 속성 을 통 해 인 용 된 이름 을 확인 합 니 다.

<?xml version="1.0" encoding="utf-8"?> <resources>
    <declare-styleable name="TopBar">
        <attr name="titleText" format="string"/>
        <attr name="titleSize" format="dimension"/>
        <attr name="titleTextColor2" format="color"/>
        <attr name="leftTextColor" format="color"/>
        <attr name="leftBackground" format="reference|color"/>
       <!--              ,       ,    “|”        -->
        <attr name="leftText" format="string"/>
        <attr name="rightTextColor" format="color"/>
        <attr name="rightBackground" format="reference|color"/>
        <attr name="rightText" format="string"/>
</declare-styleable> </resources>
두 번 째 단계:사용자 정의 컨트롤 을 만 듭 니 다.-클래스 CompositControl Demo 01 을 만 들 고 Relative Layout 를 계승 합 니 다.

package com.wjc.customwidget_0502;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.widget.TextView;


/**
 * Created by admin on 2016/5/2.
 */
public class CompositControlDemo01 extends RelativeLayout {

    //   attrs.xml            
    private int mLeftTextColor;
    private String mLeftText;
    private Drawable mLeftBackground;
    private int mRightTextColor;
    private String mRightText;
    private Drawable mRightBackgound;
    private String mTitle;
    private float mTitleTextSize;
    private int mTitleTextColor;
    //    
    private LayoutParams mLeftParame;
    private LayoutParams mRightParame;
    private LayoutParams mTitleParame;
    //       
    private Button mLeftButton;
    private Button mRightButton;
    private TextView mTitleView;
    //        
    private topbarClickListener mListener;


    //    ,attrs               
    public CompositControlDemo01(Context context, AttributeSet attrs) {
        super(context, attrs);
        initAttrs(context, attrs);
        initView(context);
    }

    // attrs.xml         typedArray 
    public void initAttrs(Context context, AttributeSet attrs) {
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.TopBar);
        mLeftTextColor = ta.getColor(R.styleable.TopBar_leftTextColor, 0);
        mLeftText = ta.getString(R.styleable.TopBar_leftText);
        mLeftBackground = ta.getDrawable(R.styleable.TopBar_leftBackground);

        mRightTextColor = ta.getColor(R.styleable.TopBar_rightTextColor, 0);
        mRightText = ta.getString(R.styleable.TopBar_rightText);
        mRightBackgound = ta.getDrawable(R.styleable.TopBar_rightBackground);

        mTitle = ta.getString(R.styleable.TopBar_titleText);
        mTitleTextSize = ta.getDimension(R.styleable.TopBar_titleSize, 10);
        mTitleTextColor = ta.getColor(R.styleable.TopBar_titleTextColor2, 0);
        ta.recycle();//          
    }

    //    ,         ,       
    public void initView(Context context) {
        mLeftButton = new Button(context);
        mRightButton = new Button(context);
        mTitleView = new TextView(context);

        mLeftButton.setTextColor(mLeftTextColor);
        mLeftButton.setText(mLeftText);
        mLeftButton.setBackground(mLeftBackground);

        mRightButton.setTextColor(mRightTextColor);
        mRightButton.setText(mRightText);
        mRightButton.setBackground(mRightBackgound);

        mTitleView.setTextColor(mTitleTextColor);
        mTitleView.setText(mTitle);
        mTitleView.setTextSize(mTitleTextSize);
        mTitleView.setGravity(Gravity.CENTER);

        //            
        mLeftParame = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);
        mLeftParame.addRule(RelativeLayout.ALIGN_PARENT_LEFT, TRUE);
        addView(mLeftButton, mLeftParame);

        mRightParame = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);
        mRightParame.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, TRUE);
        addView(mRightButton, mRightParame);

        mTitleParame = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);
        mTitleParame.addRule(RelativeLayout.CENTER_IN_PARENT, TRUE);
        addView(mTitleView, mTitleParame);


        //       ,        
        //          ,     ,       
        mLeftButton.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                mListener.leftClick();
            }
        });
        mRightButton.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                mListener.rightClick();
            }
        });
    }

    //    
    //    ,      ,      ,                
    //          ,            
    public interface topbarClickListener {
        void leftClick();
        void rightClick();
    }

    //                 
    //                  
    public void setOnTopbarClickListener(topbarClickListener mListener) {
        this.mListener = mListener;
    }

    /**
     *            id    ,flag      
     *
     * @param id   id
     * @param flag is Visable?
     */
    public void setButtonVisable(int id, boolean flag) {
        if (flag) {
            if (id == 0) {
                mLeftButton.setVisibility(View.VISIBLE);
            } else {
                mRightButton.setVisibility(View.VISIBLE);
            }
        } else {
            if (id == 0) {
                mLeftButton.setVisibility(View.GONE);
            } else {
                mRightButton.setVisibility(View.GONE);
            }
        }
    }
}
세 번 째 단계:UI 템 플 릿 참조--topbar.xml 파일 만 들 기

<?xml version="1.0" encoding="utf-8"?>
   <com.wjc.customwidget_0502.CompositControlDemo01
       xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:custom="http://schemas.android.com/apk/res-auto"
       android:id="@+id/topBar"
       android:layout_width="wrap_content"
       android:layout_height="50dp"
       android:padding="5dp"
      android:background="#3F7EA4"

       custom:leftBackground="@drawable/chevron_left"
       custom:leftTextColor="#ff00"
       custom:leftText="  "

        custom:rightText="  "
        custom:rightTextColor="#ff00"
        custom:rightBackground="#ffccff"

        custom:titleText="     "
        custom:titleTextColor2="#555555"
        custom:titleSize="10sp"
       >
</com.wjc.customwidget_0502.CompositControlDemo01>
주:코드 중

xmlns:android=http://schemas.android.com/apk/res/android
안 드 로 이 드 시스템 의 속성 을 참조 합 니 다.

xmlns:custom=http://schemas.android.com/apk/res-auto
표시:제3자 컨트롤 의 속성 을 참조 합 니 다.즉,사용자 정의 속성 을 참조 합 니 다.
위의 코드 를 통 해 우 리 는 다른 레이아웃 파일 에서 이 UI 템 플 릿 View 를 참조 할 수 있 습 니 다.코드 는 다음 과 같 습 니 다.

<include layout="@layout/topbar"/>
네 번 째 단계:인터페이스 리 셋 을 실현 합 니 다.즉,activity 를 써 서 이 레이아웃 을 참조 합 니 다.

package com.wjc.customwidget_0502;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    CompositControlDemo01 mTopbar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mTopbar=(CompositControlDemo01)findViewById(R.id.topBar);//       
        // topBar           
        mTopbar.setOnTopbarClickListener(new CompositControlDemo01.topbarClickListener() {
            @Override
            public void leftClick() {
                Toast.makeText(MainActivity.this, "back", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void rightClick() {
                Toast.makeText(MainActivity.this,"more",Toast.LENGTH_LONG).show();
            }
        });
        /*  //         
        mTopbar.setButtonVisable(0,true);//       */
    }


}
이것 은 본인 의 첫 번 째 블 로그 입 니 다.만약 잘못 이 있 으 면 댓 글로 가르쳐 주 십시오!
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기