这篇文章主要介绍“如何自定义TopBar和属性封装”，在日常操作中，相信很多人在如何自定义TopBar和属性封装问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”如何自定义TopBar和属性封装”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
前言
在实际工作中，当我们接到boss要做一个如下界面时
也许会有很多这样共同的界面，当然我们每个界面都写一个这样的Topbar，也是可以实现统一的效果，但是要修改的时候，那我们岂不是要废掉（what？） 我们我要写自定义基础的View封装起来使用，这样在修改的时候，我们就会省很多事。
那么我们就开始我们自己的View封装
第一步 定义自己的属性，在values文件夹中创建attrs.xml文件内容如下：
计算
安全
数据库
网络和加速
企业服务
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!--第一步：定义属性-->
<declare-styleable name="Topbar">
<attr name="titleName" format="string"/>
<attr name="titleTextSize" format="dimension"/>
<attr name="titleNameTextColor" format="color"/>
<attr name="leftText" format="string"/>
<attr name="leftBackground" format="reference|color"/>
<attr name="leftTextColor" format="color"/>
<attr name="rightText" format="string"/>
<attr name="rightBackground" format="reference|color"/>
<attr name="rightTextColor" format="color"/>
</declare-styleable>
</resources>第二步 我们自定义属于我们自己的View
/**
* @author :huangxianfeng on 2017/3/14.
* 第二步：创建自己的View
* 自定义自己的View,TopBar的模板，不能在每个界面都修改此界面
*/
public class Topbar extends RelativeLayout {
private Button leftButton,rightButton;
private TextView tvTitle;
private int leftTextColor;
private Drawable leftBackground;
private String leftText;
private int rightTextColor;
private Drawable rightBackground;
private String rightText;
private float titleTextSize;
private int titleTextColor;
private String title;
private LayoutParams leftParams,rightParams,titleParams;
private topbarClickListener listener;
/**
* 创建一个空外部调用的接口
*/
public interface topbarClickListener{
public void leftClick();
public void rightClick();
}
public void setOnTopbarClickListener(topbarClickListener listener){
this.listener = listener;
}
@TargetApi(Build.VERSION_CODES.JELLY_BEAN)
public Topbar(final Context context, AttributeSet attrs) {
super(context, attrs);
//包含了自己所有的自定义的属性
TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.Topbar);
//从属性中提取自定义的属性
leftTextColor = ta.getColor(R.styleable.Topbar_leftTextColor, 0);
leftBackground = ta.getDrawable(R.styleable.Topbar_leftBackground);
leftText = ta.getString(R.styleable.Topbar_leftText);
rightTextColor = ta.getColor(R.styleable.Topbar_rightTextColor, 0);
rightBackground = ta.getDrawable(R.styleable.Topbar_rightBackground);
rightText = ta.getString(R.styleable.Topbar_rightText);
titleTextSize = ta.getDimension(R.styleable.Topbar_titleTextSize, 0);
titleTextColor = ta.getColor(R.styleable.Topbar_titleNameTextColor, 0);
title = ta.getString(R.styleable.Topbar_titleName);
ta.recycle();//进行回收
//创建自定义的控件
leftButton = new Button(context);
rightButton = new Button(context);
tvTitle = new TextView(context);
//设置属性
leftButton.setTextColor(leftTextColor);
leftButton.setBackground(leftBackground);
leftButton.setText(leftText);
rightButton.setTextColor(rightTextColor);
rightButton.setBackground(rightBackground);
rightButton.setText(rightText);
tvTitle.setTextColor(titleTextColor);
tvTitle.setTextSize(titleTextSize);
tvTitle.setText(title);
tvTitle.setGravity(Gravity.CENTER);
setBackgroundColor(0xFFF59563);
leftParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
leftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT, TRUE);//增加一个规则，让控件左边显示
addView(leftButton, leftParams);//此时完成一个View控件的添加，添加到ViewGroup中去了
rightParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
rightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, TRUE);//增加一个规则，让控件右边显示
addView(rightButton, rightParams);//此时完成一个View控件的添加，添加到ViewGroup中去了
titleParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT);
titleParams.addRule(RelativeLayout.CENTER_IN_PARENT, TRUE);//增加一个规则,让控件居中显示
addView(tvTitle, titleParams);//此时完成一个View控件的添加，添加到ViewGroup中去了
leftButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
//我们这边只进行调用这边的暴露的方法即可
listener.leftClick();
}
});
rightButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
listener.rightClick();
}
});
}
/**
* 设置左边按钮是否显示
* @param flag
*/
public void setLeftIsvisable(boolean flag){
if (flag){
leftButton.setVisibility(View.VISIBLE);
}else{
leftButton.setVisibility(View.GONE);
}
}
/**
* 设置右边按钮是否显示
* @param flag
*/
public void setRightIsvisable(boolean flag){
if (flag){
rightButton.setVisibility(View.VISIBLE);
}else{
rightButton.setVisibility(View.GONE);
}
}
}此View很简单，只是一些简单的功能实现，有自己想要添加的方法，都可以自行更改。
第三步 如何使用我们以上的内容呢？其实简单，只要在我们activity_main.xml布局添加即可
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:custom="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="5dp"
tools:context=".MainActivity">
//在添加自己的自定义属性的时候，要先加入一个xmln:custom="http://schemas.android.com/apk/res-auto"
//以便来引用自己的属性，以下scustom就是引用的自己的属性
<com.zhjy.hxf.hzui.Topbar
android:id="@+id/topbar"
android:layout_width="match_parent"
android:layout_height="40dp"
custom:leftBackground="#7CCE1C"
custom:leftText="Back"
custom:leftTextColor="#FFFFFF"
custom:rightBackground="#7CCE1C"
custom:rightText="More"
custom:rightTextColor="#FFFFFF"
custom:titleName="自定义标题"
custom:titleNameTextColor="#123412"
custom:titleTextSize="10sp"/>
</RelativeLayout>在上面代码中，有custom这个包的依赖是为什么呢？其实就是自定义的属性依赖名称，为了和android区分开来，但是要在最外层父布局中添加
xmlns:custom="http://schemas.android.com/apk/res-auto"来依赖属性类别。
第四步 就可以在我们MainActivity中使用我们的Topbar了
public class MainActivity extends AppCompatActivity {
private Topbar mTopbar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initUI();
}
private void initUI() {
mTopbar = (Topbar)findViewById(R.id.topbar);
mTopbar.setOnTopbarClickListener(new Topbar.topbarClickListener() {
@Override
public void leftClick() {
Toast.makeText(MainActivity.this,"leftClick",Toast.LENGTH_SHORT).show();
}
@Override
public void rightClick() {
Toast.makeText(MainActivity.this,"rightClick",Toast.LENGTH_SHORT).show();
}
});
mTopbar.setLeftIsvisable(true);
}
}到此，关于“如何自定义TopBar和属性封装”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
原文链接：https://my.oschina.net/huangxianfeng/blog/858170
