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);// */
}
}
이것 은 본인 의 첫 번 째 블 로그 입 니 다.만약 잘못 이 있 으 면 댓 글로 가르쳐 주 십시오!이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Kotlin의 기초 - 2부지난 글에서는 Kotlin이 무엇인지, Kotlin의 특징, Kotlin에서 변수 및 데이터 유형을 선언하는 방법과 같은 Kotlin의 기본 개념에 대해 배웠습니다. 유형 변환은 데이터 변수의 한 유형을 다른 데이터...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.