一、概述
本篇文章主要介绍通过Android自定义View的方式,生成页面头部这个通用控件。
实现效果图如下:
二、实现过程
- 自定义属性文件attrs.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!-- 自定义属性文件 -->
<declare-styleable name="CzTopbar">
<attr name="cztitle" format="string"/>
<attr name="cztitleTextSize" format="dimension"/>
<attr name="cztitleTextColor" format="color"/>
<attr name="czleftText" format="string"/>
<attr name="czleftTextColor" format="color"/>
<attr name="czleftBackground" format="reference|color"/>
<attr name="czrightText" format="string"/>
<attr name="czrightTextColor" format="color"/>
<attr name="czrightBackground" format="reference|color"/>
</declare-styleable>
</resources>
- 自定义View类Topbar.java
package com.czhappy.mytopbar.view;
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.view.ViewGroup;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.widget.TextView;
import com.czhappy.mytopbar.R;
/**
* Description:
* User: chenzheng
* Date: 2016/12/13 0013
* Time: 15:49
*/
public class Topbar extends RelativeLayout{
private Button leftButton, rightButton;
private TextView titleTv;
private int leftTextColor, rightTextColor;
private Drawable leftBackground, rightBackground;
private String leftText, rightText;
private int titleTextColor;
private float titleTextSize;
private String title;
private LayoutParams leftParams, rightParams, titleParams;
private onTopBarClickListener listener;
public interface onTopBarClickListener{
public void leftClick();
public void rightClick();
}
public void setTopBarCliskListener(onTopBarClickListener listener){
this.listener = listener;
}
public Topbar(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.CzTopbar);
leftTextColor = ta.getColor(R.styleable.CzTopbar_czleftTextColor, 0);
leftBackground = ta.getDrawable(R.styleable.CzTopbar_czleftBackground);
leftText = ta.getString(R.styleable.CzTopbar_czleftText);
rightTextColor = ta.getColor(R.styleable.CzTopbar_czrightTextColor, 0);
rightBackground = ta.getDrawable(R.styleable.CzTopbar_czrightBackground);
rightText = ta.getString(R.styleable.CzTopbar_czrightText);
title = ta.getString(R.styleable.CzTopbar_cztitle);
titleTextColor = ta.getColor(R.styleable.CzTopbar_cztitleTextColor, 0);
titleTextSize = ta.getDimension(R.styleable.CzTopbar_cztitleTextSize, 0);
//回收
ta.recycle();
leftButton = new Button(context);
rightButton = new Button(context);
titleTv = new TextView(context);
leftButton.setText(leftText);
leftButton.setTextColor(leftTextColor);
leftButton.setBackground(leftBackground);
rightButton.setText(rightText);
rightButton.setTextColor(rightTextColor);
rightButton.setBackground(rightBackground);
titleTv.setText(title);
titleTv.setTextColor(titleTextColor);
titleTv.setTextSize(titleTextSize);
titleTv.setGravity(Gravity.CENTER);
setBackgroundColor(0xff3a7e78);
leftParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
leftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT, TRUE);
addView(leftButton, leftParams);
rightParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
rightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, TRUE);
addView(rightButton, rightParams);
titleParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT);
titleParams.addRule(RelativeLayout.CENTER_IN_PARENT, TRUE);
addView(titleTv, titleParams);
leftButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
listener.leftClick();
}
});
rightButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
listener.rightClick();
}
});
}
public void setRightButtonIsVisible(boolean flag){
rightButton.setVisibility(flag==true ? View.VISIBLE : View.INVISIBLE);
}
}
- 编写测试页面activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:czbar="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.czhappy.mytopbar.view.Topbar
android:id="@+id/mytopbar"
android:layout_width="match_parent"
android:layout_height="48dp"
czbar:cztitle="hello"
czbar:cztitleTextSize="16sp"
czbar:cztitleTextColor="#ffffff"
czbar:czleftBackground="#ff001a"
czbar:czrightBackground="#11afd2"
czbar:czleftText="返回"
czbar:czleftTextColor="#ffffff"
czbar:czrightText="更多"
czbar:czrightTextColor="#ffffff"
/>
</LinearLayout>
- 编写测试类MainActivity.java
package com.czhappy.mytopbar.activity;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.Toast;
import com.czhappy.mytopbar.R;
import com.czhappy.mytopbar.view.Topbar;
public class MainActivity extends AppCompatActivity {
private Topbar topbar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
topbar = (Topbar) this.findViewById(R.id.mytopbar);
topbar.setTopBarCliskListener(new Topbar.onTopBarClickListener() {
@Override
public void leftClick() {
Toast.makeText(MainActivity.this, "left click", Toast.LENGTH_SHORT).show();
}
@Override
public void rightClick() {
Toast.makeText(MainActivity.this, "right click", Toast.LENGTH_SHORT).show();
}
});
}
}