Android 自定义view实现TopBar效果
发布时间 - 2026-01-11 03:29:23 点击率:次本文实例为大家分享了Android自定义view实现TopBar的具体代码,供大家参考,具体内容如下

布局文件
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.bwie.test.MainActivity">
<com.bwie.test.MyView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:lt="http://schemas.android.com/apk/res-auto"
android:id="@+id/titlebar"
android:layout_width="match_parent"
android:layout_height="60dp"
lt:leftButtonText="返回"
lt:leftButtonTextColor="@android:color/white"
lt:leftButtonTextSize="8sp"
lt:buttonBgColor="#4556ec"
lt:titleText="标题"
lt:titleColor="@android:color/white"
lt:titleSize="8sp"
lt:rightButtonText="完成"
lt:rightButtonTextColor="@android:color/white"
lt:rightButtonTextSize="8sp"
android:background="#47ea10"
android:padding="10sp"
>
</com.bwie.test.MyView>
</RelativeLayout>
自定义属性attrs.xml文件
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="Titlebar">
<attr name="leftButtonText" format="string|reference"></attr>
<attr name="leftButtonTextColor" format="color|reference"></attr>
<attr name="leftButtonTextSize" format="dimension|reference"></attr>
<attr name="leftButtonImage" format="color|reference"></attr>
<attr name="buttonBgColor" format="color"/>
<attr name="titleText" format="string|reference"></attr>
<attr name="titleColor" format="color|reference"></attr>
<attr name="titleSize" format="dimension|reference"></attr>
<attr name="rightButtonText" format="string|reference"></attr>
<attr name="rightButtonTextColor" format="color|reference"></attr>
<attr name="rightButtonTextSize" format="dimension|reference"></attr>
<attr name="rightButtonImage" format="color|reference"></attr>
</declare-styleable>
</resources>
自定义View的Class类
public class MyView extends RelativeLayout{
private String mLeftButtonText;
private int mLeftButtonTextColor;
private float mLeftButtonSize;
private Drawable mLeftButtonImage;
private String mTitleButtonText;
private int mTitleButtonTextColor;
private float mTitleButtonSize;
private String mRightButtonText;
private int mRightButtonTextColor;
private float mRightButtonSize;
private Drawable mRightButtonImage;
private TextView mRightTextView;
private TextView titleTextView;
private ImageView mLeftButton;
private TextView mLeftTextView;
private ImageView mRightButton;
int buttonBgColor;
public MyView(Context context) {
this(context,null);
}
public MyView(Context context, AttributeSet attrs) {
this(context, attrs,0);
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.Titlebar);
buttonBgColor = typedArray.getColor(R.styleable.Titlebar_buttonBgColor,Color.BLUE);
//左侧的按钮
mLeftButtonText = typedArray.getString(R.styleable.Titlebar_leftButtonText);
mLeftButtonTextColor = typedArray.getColor(R.styleable.Titlebar_leftButtonTextColor, Color.GRAY);
mLeftButtonSize = typedArray.getDimension(R.styleable.Titlebar_leftButtonTextSize, TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));
mLeftButtonImage = typedArray.getDrawable(R.styleable.Titlebar_leftButtonImage);
//中间的按钮
mTitleButtonText = typedArray.getString(R.styleable.Titlebar_titleText);
mTitleButtonTextColor = typedArray.getColor(R.styleable.Titlebar_titleColor, Color.GRAY);
mTitleButtonSize = typedArray.getDimension(R.styleable.Titlebar_titleSize, TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));
//右侧的按钮
mRightButtonText = typedArray.getString(R.styleable.Titlebar_rightButtonText);
mRightButtonTextColor = typedArray.getColor(R.styleable.Titlebar_rightButtonTextColor, Color.GRAY);
mRightButtonSize = typedArray.getDimension(R.styleable.Titlebar_rightButtonTextSize, TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));
mRightButtonImage = typedArray.getDrawable(R.styleable.Titlebar_rightButtonImage);
typedArray.recycle();//回收
/*调用方法*/
initView(context);
}
public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
this(context, attrs, defStyleAttr,0);
}
public MyView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
}
/*构建按钮*/
private void initView(Context context) {
if(mLeftButtonImage == null & mLeftButtonText != null){
// 当用户没有设置左侧按钮图片并设置了左侧的按钮文本属性时--添加左侧文本按钮
mLeftTextView = new TextView(context);
mLeftTextView.setText(mLeftButtonText);
mLeftTextView.setTextColor(mLeftButtonTextColor);
mLeftTextView.setTextSize(mLeftButtonSize);
mLeftTextView.setBackgroundColor(buttonBgColor);
RelativeLayout.LayoutParams leftParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
leftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
leftParams.addRule(RelativeLayout.CENTER_VERTICAL);
addView(mLeftTextView, leftParams);
}else if(mLeftButtonImage != null){
// 添加左侧图片按钮
RelativeLayout.LayoutParams leftParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
leftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
leftParams.addRule(RelativeLayout.CENTER_VERTICAL);
mLeftButton = new ImageView(context);
mLeftButton.setImageDrawable(mLeftButtonImage);
addView(mLeftButton, leftParams);
}
if(mTitleButtonText!=null){
// 添加中间标题
titleTextView = new TextView(context);
titleTextView.setText(mTitleButtonText);
titleTextView.setTextColor(mTitleButtonTextColor);
titleTextView.setTextSize(mTitleButtonSize);
RelativeLayout.LayoutParams titleTextViewParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
titleTextViewParams.addRule(RelativeLayout.CENTER_IN_PARENT);
addView(titleTextView,titleTextViewParams);
}
if(mRightButtonImage == null & mRightButtonText != null){
// 当用户没有设置右侧按钮图片并设置了左侧的按钮文本属性时--添加右侧文本按钮
mRightTextView = new TextView(context);
mRightTextView.setText(mRightButtonText);
mRightTextView.setTextColor(mRightButtonTextColor);
mRightTextView.setTextSize(mRightButtonSize);
mRightTextView.setBackgroundColor(buttonBgColor);
RelativeLayout.LayoutParams rightParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
rightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
rightParams.addRule(RelativeLayout.CENTER_VERTICAL);
addView(mRightTextView,rightParams);
}else if(mRightButtonImage != null){
// 添加右侧图片按钮
RelativeLayout.LayoutParams rightParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
rightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
rightParams.addRule(RelativeLayout.CENTER_VERTICAL);
mRightButton = new ImageView(context);
mRightButton.setImageDrawable(mRightButtonImage);
addView(mRightButton, rightParams);
}
}
/*监听事件*/
public interface OnButtonClickListener{
void onLeftClick();
void onRightClick();
}
/*点击事件*/
public void setOnButtonClickListener(final OnButtonClickListener onButtonClickListener) {
if(onButtonClickListener !=null){
if(mLeftTextView != null){
mLeftTextView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
onButtonClickListener.onLeftClick();
}
});
}
/*按钮*/
if(mLeftButton != null){
mLeftButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
onButtonClickListener.onLeftClick();
}
});
}
if(mRightTextView != null){
mRightTextView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
onButtonClickListener.onRightClick();
}
});
}
/*按钮*/
if(mRightButton != null){
mRightButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
onButtonClickListener.onRightClick();
}
});
}
}
}
Main方法的代码调用自定义的类和点击事件
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
/*找到控件*/
MyView Myview = (MyView) findViewById(R.id.titlebar);
/*点击事件*/
Myview.setOnButtonClickListener(new MyView.OnButtonClickListener() {
@Override
public void onLeftClick() {
Toast.makeText(MainActivity.this,"左侧按钮被点击了",Toast.LENGTH_SHORT).show();
}
@Override
public void onRightClick() {
Toast.makeText(MainActivity.this,"右侧按钮被点击了",Toast.LENGTH_SHORT).show();
}
});
}
}
效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# Android
# view
# TopBar
# android之listview悬浮topBar效果
# 自定义
# 大家分享
# 具体内容
# 大家多多
# background
# rightButtonTextSize
# rightButtonText
# rightButtonTextColor
# resources
# declare
# attrs
# padding
# titleSize
# white
# leftButtonTextSize
# color
# leftButtonText
# leftButtonTextColor
# sp
# titleText
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】
如何获取上海专业网站定制建站电话?
详解Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点
Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能
Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives
网页制作模板网站推荐,网页设计海报之类的素材哪里好?
文字头像制作网站推荐软件,醒图能自动配文字吗?
🚀拖拽式CMS建站能否实现高效与个性化并存?
Laravel如何使用Service Provider服务提供者_Laravel依赖注入与容器绑定【深度】
jimdo怎样用html5做选项卡_jimdo选项卡html5实现与切换效果【指南】
Laravel怎么使用Blade模板引擎_Laravel模板继承与Component组件复用【手册】
如何使用 Go 正则表达式精准提取括号内首个纯字母标识符(忽略数字与嵌套)
Laravel如何实现一对一模型关联?(Eloquent示例)
PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】
电视网站制作tvbox接口,云海电视怎样自定义添加电视源?
音响网站制作视频教程,隆霸音响官方网站?
Laravel模型事件有哪些_Laravel Model Event生命周期详解
个人摄影网站制作流程,摄影爱好者都去什么网站?
微信小程序 canvas开发实例及注意事项
WordPress 子目录安装中正确处理脚本路径的完整指南
高端建站如何打造兼具美学与转化的品牌官网?
如何在IIS中新建站点并解决端口绑定冲突?
Java垃圾回收器的方法和原理总结
如何选择PHP开源工具快速搭建网站?
Laravel如何与Inertia.js和Vue/React构建现代单页应用
HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】
大连企业网站制作公司,大连2025企业社保缴费网上缴费流程?
JavaScript如何实现类型判断_typeof和instanceof有什么区别
C++时间戳转换成日期时间的步骤和示例代码
Laravel如何实现本地化和多语言支持?(i18n教程)
C#如何调用原生C++ COM对象详解
智能起名网站制作软件有哪些,制作logo的软件?
清除minerd进程的简单方法
VIVO手机上del键无效OnKeyListener不响应的原因及解决方法
绝密ChatGPT指令:手把手教你生成HR无法拒绝的求职信
详解免费开源的.NET多类型文件解压缩组件SharpZipLib(.NET组件介绍之七)
猎豹浏览器开发者工具怎么打开 猎豹浏览器F12调试工具使用【前端必备】
Laravel如何处理跨站请求伪造(CSRF)保护_Laravel表单安全机制与令牌校验
如何在 React 中条件性地遍历数组并渲染元素
Laravel distinct去重查询_Laravel Eloquent去重方法
Win10如何卸载预装Edge扩展_Win10卸载Edge扩展教程【方法】
php中::能调用final静态方法吗_final修饰静态方法调用规则【解答】
Laravel Eloquent性能优化技巧_Laravel N+1查询问题解决
,怎么在广州志愿者网站注册?
使用C语言编写圣诞表白程序
Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门
,南京靠谱的征婚网站?
如何用PHP工具快速搭建高效网站?
浅析上传头像示例及其注意事项
用v-html解决Vue.js渲染中html标签不被解析的问题

