QMUITopBar通用的顶部 Bar。提供了以下功能:
- 在左侧/右侧添加图片按钮/文字按钮/自定义View。
- 设置标题/副标题,且支持设置标题/副标题的水平对齐方式。
用法:
xml布局中使用
<com.qmuiteam.qmui.widget.QMUITopBar
android:id="@+id/topbar"
android:layout_width="match_parent"
android:layout_height="?attr/qmui_topbar_height"/>
设置标题、设置左边文字、设置左边图片、设置右边文字、设置右边图片、设置右边view
topbar.setTitle("首页");
topbar.addLeftTextButton("返回",R.id.goback).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
LogUtil.d("点击返回");
}
});
topbar.addRightImageButton(R.drawable.icon_letter,R.id.qq).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
LogUtil.d("点击QQ");
}
});
View root = LayoutInflater.from(this).inflate(R.layout.view_right, null);
RelativeLayout.LayoutParams layoutParams = topbar.generateTopBarImageButtonLayoutParams();
topbar.addRightView(root,R.id.share,layoutParams);
root.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
LogUtil.d("点击分享");
}
});
更改文字颜色、大小等
<color name="app_color_blue">#FF4081</color> <!--系统颜色-->
<color name="qmui_config_color_white">#ffffff</color><!--正文背景颜色-->
<color name="qmui_config_color_gray_1">#FFFFFF</color><!--标题颜色-->
<color name="qmui_config_color_blue">#FFFFFF</color><!--标题栏相关-->