安卓Android打造属于你自己的TitleBar自定义控件模版

在我们实现需求的时候，有时会遇到菜单栏的多次使用，内容不一，但是结构类似，所以我们就需要制作一个模版，以适配不同情况。大概的样式就是这样的：





下面我们就使用自定义控件实现一下这种需求。

1.先创建一个自定义控件，构造函数使用前三个就行

public TitleBar(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

public TitleBar(Context context) {
this(context, null);
}

public TitleBar(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs);
this.mContext = context;

TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.TitleViewBar, defStyle, 0);
int n = a.getIndexCount();
for (int i = 0; i < n; i++) {
int attr = a.getIndex(i);
switch (attr) {
case R.styleable.TitleViewBar_model:
model = a.getInt(attr, 0);//拿到xml注册的属性值
modelInt = model;
break;
}
}
a.recycle();//必须有这句

为能了能在页面静态设置自定义控件的自定义属性，所以使用了TypedArray 来获取xml里面的自定义的属性 

解释一下：

attrs为检索的属性容器（集合好听些）

obtainStyledAttributes(attrs, R.styleable.TitleViewBar, defStyle, 0) ：返回一个TitleViewBar控件的属性集合

a.recycle() ：返回先前检索的数组，稍后再用，这语句必须要写上，就相当于show()方法一样

switch (attr) {
case R.styleable.TitleViewBar_model:
model = a.getInt(attr, 0);//拿到xml注册的属性值
modelInt = model;
break;
}

R.styleable.TitleViewBar_model

这是attrs资源文件设置的属性名称

并且定义了其属性为integer，我们获取其值以进行判断，给控件设置data数据等等

接下来是将我们写好的布局文件放入到控件中已备使用：

View view = LayoutInflater.from(context).inflate(R.layout.title_layout, null);
tv_center = (TextView) view.findViewById(R.id.tv_center);
img_back = (ImageView) view.findViewById(R.id.img_back);
tv_loction = (TextView) view.findViewById(R.id.tv_loction);
ft_right = (FrameLayout) view.findViewById(R.id.ft_right);

RelativeLayout relativeLayout = new RelativeLayout(context);
LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
DensityUtils.dp2px(mContext, 48));//dp转化为px
relativeLayout.setLayoutParams(layoutParams);

ft_right.setVisibility(VISIBLE);
ft_right.setOnClickListener(this);
img_back.setOnClickListener(this);

relativeLayout.addView(view);
addView(relativeLayout);

view_pop = LayoutInflater.from(mContext).inflate(R.layout.layout_titlebar_lv, null);
mListView = (ListView) view_pop.findViewById(R.id.lv_pop);

上面创建了两个布局文件 一个加入自定义控件（R.layout.title_layout），另一个加入到popupwindow中（R.layout.layout_titlebar_lv,），用以点击右上角图标弹出来

接下来别忘了设置数据setModel(model)

然后是popup和右上角图片的点击事件：

public void onClick(View view) {
if (view.getId() == R.id.ft_right) {
adapter = new ListViewAdapter(mContext,mData);
mListView.setAdapter(adapter);
popupWindow = new PopupWindow(view_pop, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
// 设置SelectPicPopupWindow弹出窗体可点击
popupWindow.setFocusable(true);
// 点列表外关闭列表
popupWindow.setBackgroundDrawable(new BitmapDrawable());
popupWindow.showAsDropDown(tv_loction, DensityUtils.dp2px(mContext, -120), 0);
} else {

}
}

然后是listviw的item的点击事件：

public void setOnItemClickListener(AdapterView.OnItemClickListener onItemClickListener) {
mListView.setOnItemClickListener(onItemClickListener);
}

然后设置好数据源：

/**
* 数据1
* @return
*/
private List<HashMap<String, Object>> getData1() {
List<HashMap<String, Object>> mData = new ArrayList<>();
HashMap<String, Object> map = new HashMap<>();
map.put("icon", R.drawable.apply_angin);
map.put("text", "再次申请");
mData.add(map);
map = new HashMap<>();
map.put("icon", R.drawable.apply_spend);
map.put("text", "结算详情");
mData.add(map);
return mData;
}

/**
* 数据2
* @return
*/
private List<HashMap<String, Object>> getData2() {
List<HashMap<String, Object>> mData = new ArrayList<>();
HashMap<String, Object> map = new HashMap<>();
map.put("icon", R.drawable.apply_time);
map.put("text", "本日费用");
mData.add(map);
map = new HashMap<>();
map.put("icon", R.drawable.apply_time);
map.put("text", "本月费用");
mData.add(map);
map = new HashMap<>();
map.put("icon", R.drawable.apply_time);
map.put("text", "本年费用");
mData.add(map);
return mData;
}

这样titlebar创建好了，然后是如何使用：

既然控件都创建好了，那么使用起来应该是很简单方便的，如果使用很复杂，那么只能说明你的自定义控件还不达标。

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_title_bar);

titleBar = (TitleBar) this.findViewById(R.id.titleBar);
button = (Button) this.findViewById(R.id.btn);
button.setOnClickListener(this);

titleBar.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
switch (i) {
case 0:
showToast("000000");
break;
case 1:
showToast("1111");
break;
case 2:
showToast("22222");
break;
}
titleBar.dismissPopWindow();

}
});
}

相信大家都可以看到使用起来只需要调用刚刚我们创建好的接口，然后实现item的点击接口就行了

可能说的不是很明白，大家可以看下代码就知道了。

链接：http://download.csdn.net/download/qq_37173653/9968999

ps：下载csdn资源怎么设置不需要积分呀，大佬说一下！