Android定制属于你自己的导航栏

最新推荐文章于 2023-05-26 08:50:37 发布
最新推荐文章于 2023-05-26 08:50:37 发布
阅读量3.8w 收藏 30
点赞数 22
分类专栏： Android实战 文章标签： android button layout string null encoding
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/worker90/article/details/7909328
版权

在实际开发中，我们时常要用到上方的两个按钮,通俗的我们可以叫做导航,等等.还是先看今天需要要实现的一个最的效果:


其实实现这样的效果有多种方式，今天我要给大家要介绍的就是如何的去定制自己的控件，也就是自定义控件，自定义控件分为多种，有组合控件，有重写在原来已有的控件上做基础的修改，也有自己重写写一个类继承于View对象，这方面的知识在实际开发当中也会常碰到，当然像我们这种菜鸟在这方面也是最欠缺的一个知识点，我希望通过我的一些讲解或者分享能帮助到大家吧。今天我给大家讲的就是组合控件的自定义，在后续的博文中我也希望自己能发现更多的这种自定义控件的能力然后再与大家分享，同样如果大家有好的分享的东西也可以与我一起分享。就拿今天的一个效果如何去实现自定义控件，我会采用两种方式去实现，一种就是纯粹的代码方式实现，一种就是用LayoyutInfalter去实现。

先说XML方式的实现方式：

先定义一个XML布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="45dip"
    android:background="@drawable/navigation_bg"
    android:gravity="center_vertical"
    android:orientation="horizontal" >

    <Button
        android:id="@+id/btn_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10.0dip"
        android:background="@drawable/backbg"
        android:text="返回"
        android:textColor="@android:color/white" />

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:singleLine="true"
        android:text="标题"
        android:textColor="@android:color/white" />

    <Button
        android:id="@+id/btn_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="10.0dip"
        android:background="@drawable/buttonbg"
        android:text="新增"
        android:textColor="@android:color/white" />

</LinearLayout>

然后我们再重新写一个类继承于LineaLayour。通过在构造方法中去加载这个布局文件，这样就能实现一个组合控件的定义了，这样的方式是不是特别简单。

public class UINavigationView2 extends LinearLayout {

	private Button btn_left;
	private Button btn_right;
	private TextView tv_title;

	public UINavigationView2(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
	}

	public UINavigationView2(Context context, AttributeSet attrs) {
		super(context, attrs);

		LayoutInflater layoutInflater = (LayoutInflater) context
				.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		layoutInflater.inflate(R.layout.title_bar, null);
		btn_left = (Button) findViewById(R.id.btn_left);
		btn_right = (Button) findViewById(R.id.btn_right);
		tv_title = (Button) findViewById(R.id.tv_title);

	}

	public void setBtnLeftBacground(int resId) {

		if (btn_left != null) {
			btn_left.setBackgroundResource(resId);
		}
	}

	public void setBtnRightBacground(int resId) {
		if (btn_right != null) {
			btn_right.setBackgroundResource(resId);
		}

	}

	public void setTvTitle(int resId) {
		if (tv_title != null) {
			tv_title.setText(resId);
		}
	}

	public Button getBtn_left() {
		return btn_left;
	}

	public Button getBtn_right() {
		return btn_right;
	}

	public TextView getTv_title() {
		return tv_title;
	}

}

接下来我们再按如果通过代码来定义控件，这里需要了解的一个知识点，如果我们需要在我们的自定义控件如果新添属于我们自己的属性呢？这里我就们就需要attr.xml文件中自己定义，关于这方面的知识大家可以参考这篇文章：http://huangbo-2020.iteye.com/blog/1477611

我们先看我们自己定义的控件定义新增的如下几个属性：

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="navigation">
        <attr name="btn_leftText" format="string" />
        <attr name="btn_rightText" format="string" />
        <attr name="tv_title" format="string" />
        <attr name="left_drawable" format="reference"></attr>
        <attr name="right_drawable" format="reference"></attr>
    </declare-styleable>

</resources>

再看我们的自定义控件的代码中如何写的：

public class UINavigationView extends LinearLayout {

	private Button btn_left;
	private Button btn_right;
	private TextView tv_title;
	private String strBtnLeft;
	private String strBtnRight;
	private String strTitle;
	private int left_drawable;
	private int right_drawable;

	public UINavigationView(Context context) {
		super(context);
		initContent();
	}

	public UINavigationView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initAttributes(attrs);
		initContent();
	}

	private void initAttributes(AttributeSet attributeSet) {

		if (null != attributeSet) {

			final int attrIds[] = new int[] { R.attr.btn_leftText,
					R.attr.btn_rightText, R.attr.tv_title,
					R.attr.left_drawable, R.attr.right_drawable };

			Context context = getContext();

			TypedArray array = context.obtainStyledAttributes(attributeSet,
					attrIds);

			CharSequence t1 = array.getText(0);
			CharSequence t2 = array.getText(1);
			CharSequence t3 = array.getText(2);
			left_drawable = array.getResourceId(3, 0);
			right_drawable = array.getResourceId(4, 0);

			array.recycle();

			if (null != t1) {
				strBtnLeft = t1.toString();
			}
			if (null != t2) {
				strBtnRight = t2.toString();

			}
			if (null != t3) {
				strTitle = t3.toString();
			}

			Log.i("coder", "t1 = " + t1);
			Log.i("coder", "t2 = " + t2);
			Log.i("coder", "t3 = " + t3);
			Log.i("coder", "left_res = " + left_drawable);
		}

	}

	private void initContent() {

		Log.i("coder", "-----initContent----");
		// 设置水平方向
		setOrientation(HORIZONTAL);

		setGravity(Gravity.CENTER_VERTICAL);
		// 设置背景
		setBackgroundResource(R.drawable.navigation_bg);

		Context context = getContext();

		btn_left = new Button(context);
		btn_left.setVisibility(View.INVISIBLE);// 设置设置不可见
		if (left_drawable != 0) {
			btn_left.setBackgroundResource(left_drawable);
		} else {

			btn_left.setBackgroundResource(R.drawable.backbg);// 设置背景
		}
		btn_left.setTextColor(Color.WHITE);// 字体颜色

		if (null != strBtnLeft) {
			LayoutParams btnLeftParams = new LayoutParams(
					LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
			btnLeftParams.setMargins(10, 0, 0, 0);
			btn_left.setLayoutParams(btnLeftParams);
			btn_left.setText(strBtnLeft);
			btn_left.setVisibility(View.VISIBLE);
		} else {
			btn_left.setLayoutParams(new LayoutParams(50, 50));
		}

		// 添加这个按钮
		addView(btn_left);

		//
		tv_title = new TextView(context);

		LayoutParams centerParam = new LayoutParams(LayoutParams.FILL_PARENT,
				LayoutParams.FILL_PARENT);
		centerParam.weight = 1;
		tv_title.setLayoutParams(centerParam);
		tv_title.setTextColor(Color.WHITE);

		if (null != strTitle) {
			tv_title.setText(strTitle);
		}

		tv_title.setGravity(Gravity.CENTER);
		btn_left.setVisibility(View.VISIBLE);
		// 添加这个标题
		addView(tv_title);

		btn_right = new Button(context);
		btn_right.setVisibility(View.INVISIBLE);// 设置设置不可见
		btn_right.setBackgroundResource(R.drawable.buttonbg);// 设置背景
		btn_right.setTextColor(Color.WHITE);// 字体颜色

		if (right_drawable != 0) {
			btn_right.setBackgroundResource(right_drawable);
		} else {

			btn_right.setBackgroundResource(R.drawable.backbg);// 设置背景
		}
		if (null != strBtnRight) {

			LayoutParams btnRightParams = new LayoutParams(
					LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
			btnRightParams.setMargins(0, 0, 10, 0);
			btn_right.setLayoutParams(btnRightParams);

			btn_right.setText(strBtnRight);
			btn_right.setVisibility(View.VISIBLE);
		} else {
			btn_right.setLayoutParams(new LayoutParams(50, 50));
		}

		// 添加这个按钮
		addView(btn_right);

	}

	public Button getBtn_left() {
		return btn_left;
	}

	public Button getBtn_right() {
		return btn_right;
	}

	public TextView getTv_title() {
		return tv_title;
	}

	public String getStrBtnLeft() {
		return strBtnLeft;
	}

	public void setStrBtnLeft(String strBtnLeft) {
		this.strBtnLeft = strBtnLeft;
	}

	public String getStrBtnRight() {
		return strBtnRight;
	}

	public void setStrBtnRight(String strBtnRight) {
		this.strBtnRight = strBtnRight;
	}

	public String getStrTitle() {
		return strTitle;
	}

	public void setStrTitle(String strTitle) {
		this.strTitle = strTitle;
	}

	public int getLeft_drawable() {
		return left_drawable;
	}

	public void setLeft_drawable(int left_drawable) {
		this.left_drawable = left_drawable;
	}

	public int getRight_drawable() {
		return right_drawable;
	}

	public void setRight_drawable(int right_drawable) {
		this.right_drawable = right_drawable;
	}

}

如何去引用或者使用我们的那个新添加的属性呢？首先要引入那个命名空间[我这是引用C#使用自定义控件的说法,暂时也通俗的这样理解吧]:

xmlns:navigation="http://schemas.android.com/apk/res/com.jiahui.titlebar"

然后再使用我们自定义的属性: navigation:btn_rightText,   navigation:btn_leftText等等 .

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:navigation="http://schemas.android.com/apk/res/com.jiahui.titlebar"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <com.jiahui.titlebar.UINavigationView
        android:id="@+id/uinavigationView"
        android:layout_width="fill_parent"
        android:layout_height="45dip"
        navigation:btn_leftText="@string/back"
        navigation:btn_rightText="@string/done"
        navigation:left_drawable="@drawable/backbg"
        navigation:right_drawable="@drawable/buttonbg"
        navigation:tv_title="My Application" />

</LinearLayout>

好了,以上就是我要和大家分享的这点东西,有什么不懂的,可以看代码里的注释,代码基本上全贴上了,还有需要代码参考的可以留下方式.欢迎加入Android菜鸟联盟：252773976

如需转载引用请注明出处：http://blog.csdn.net/jiahui524

90worker
关注
  • 22
    点赞
  • 踩
  • 30
    收藏
    觉得还不错? 一键收藏
  • 17
    评论
专栏目录
解析Android 8.1平台SystemUI 导航栏加载流程
01-05
基于MTK8163 8.1平台定制导航栏部分，在左边增加音量减，右边增加音量加 思路 需求开始做之前，一定要研读SystemUI Navigation模块的代码流程！！！不要直接去网上copy别人改的需求代码，盲改的话很容易出现问题，...
Android R Automotive底部导航栏打开关闭
weixin_55053963的博客
03-10 3717
Android R底部导航栏关闭
Android隐藏底部导航栏三大金刚按钮
qq_33796069的博客
09-26 9290
注：非uid.system项目不用看了。。。。避免看完尝试不行，233333 定制化项目难免会用到这种需求，要就隐藏底部导航栏，让用户不能点击，底部导航栏的3大金刚分别就是我们看到的-返回键、home键、recent键。返回键对于我们来说很简单，平时总是要监听重写返回键按钮的方法，home键你可以类似重写返回键一样，但是无法达到你想要的效果。如下图： 原文：https://m...
基于CarSystemUI实现左侧导航栏NavigationBar及下拉面板定制开发1——Android10智能座舱
xmc281141947的博客
11-01 3646
随着车载智能座舱的不断发展，各种新能源车引领了大屏化趋势，Android系统自8.0以后也专门为车载开发做了设计和分支CarOS，CarOS相对传统的手机OS做了很多改变，例如音频控制CarOS使用CarAudioManager直接控制的硬件音量俗称硬音量，传统手机系统使用AudioManager软件控制音量俗称软音量，还有其它汽车周边硬件控制引入了hal等等，后续抽时间我会再写一篇文章介绍CarOS音频控制流程和其在车载中的具体应用设计，本篇我们还是按照标题介绍CarSystemUI相关内容。
Carson带你学Android：底部/顶部Tab导航栏快速实现-TabLayout+ViewPager+Fragment
Carson带你学Android
07-24 2万+
前言Android开发中使用顶部 & 底部Tab导航栏的频次非常高，主要的实现手段有以下： TabWidget 隐藏TabWidget，使用RadioGroup和RadioButton FragmentTabHost 5.0以后的TabLayout 最近推出的 Bottom navigation 在上一篇我介绍了如何使用(Fragment+FragmentTabHost++ViewPager) 实
系统方向学习总结2--Android 10.0 SystemUI默认去掉底部导航栏的三种方法
binbin
08-07 1240
看完他这个后，刚好最近刚入职，新人菜鸡一个，接触了这个导航栏，他也提到2个方法，不过我想到第3个方法，但是这个方法有点多此一举，就是重新继承一个底部导航栏，吧这个布局改成什么都没有方式来实现。我这里只有car版本的源码，用这个来距离，重写一个来继承，然后初始化的时候 XML布局里面放空的，当然这样做还要改（屏蔽）很多功能代码，有点多此一举，不过我想也是一个方法之一。frameworks/base/core/res/res/values-sw900dp/dimens 我那个需求改这个也有用。...
Android 12.0 NavigationBarView 导航栏 左边显示的修改
安卓兼职framework和app工程师的博客
05-26 3310
在12.0定制化开发中，要求导航栏左边显示的定制化，这时需要了解导航栏的显示控制方向，然后修改显示方向 在10.0以后关于导航栏显示位置都是在DisplayPolicy.java中处理的所以查询相关的设置方法，然后修改导航栏显示方向2.NavigationBarView 导航栏 左边显示的修改的核心代码
android studio 顶部导航栏_Android10 手势导航开发与处理：边到边（I）
weixin_39873191的博客
11-27 814
这是我们有关“手势导航”系列的第一篇文章。借助Android 10，已添加了新的系统导航模式，允许用户向后导航，导航至主屏幕并通过手势触发设备助手。Android 10 中新手势的演示通过使用手势模型进行系统导航，我们可以为您的应用提供更多屏幕。这有助于使应用程序为您的用户创建更身临其境的体验。用户将能够在大多数设备上选择他们所选择的导航模式。现有的三键导航模式(包含返回，首页，最近状态)将继续存...
Android自定义控件实现可左右滑动的导航条
01-20
因为项目中遇到了一些特殊的定制要求，所以就自己写了一个，这里放出来。  首先来分析下这个控件的功能：  •能够响应左右滑动，并且能响应快速滑动 •选择项和未选择项有不同的样式表现，比如前景色，背景色，...
Android底部导航栏
01-02
Android底部导航栏 几行代码实现Tab导航（随意定制加号，带红点消息提示）
Android底部导航栏随意定制加号、红点、数字等信息
12-04
因为好多项目会用到底部导航栏，由4个左右的Tab组成（可能会有些点击动画、红点提示或者中间多个加号）总是重复相同的操作。将这些重复相同的操作整合成一个包，几行代码就能实现这个效果。
Android的顶部导航栏代码例子
12-16
Android的顶部导航栏代码例子，主要是演示标题栏ActionBar与其上各控件的使用。包括：溢出菜单OverflowMenu、导航项Navigation、定制视图CustomView、搜索框SearchView。
Android微信SDK API 调用教程
热门推荐
90worker
11-22 4万+
最近一直在调用微信的API，却发现一直调用不成功，纠结了好久，各方面找教程，找官方，官方里的文档也只是写得很模糊，说是按三步走。1、申请App_ID 2、填写包名3、获取程序签名的md5值，这三步只要你走对了就能调通，可是大家都不知道有时候我们Eclipse调用的keystore和我们打包的keystore获取到的程序签名的md5是不一样的。而且是每一个keystore对应生成的apk的值都会不一
Android实现微信底部的带消息提示数量
90worker
04-11 2万+
今天一朋友问我一个布局文件的实现，就是底部能带消息提示的TabHost的实现。其实这个效果之前早就想过，当初的想法就是肯定猜到了用FrameLayout来实现，那么今天就和大家分享这样的一个成果吧。而且像这种应用非常的广泛。好吧有图有真相，进入正题吧。 实现效果：   实现思想： 别奇怪也别惊讶，其实这还是一个TabActivity只不过是布局不一样而已，看到这个界面你会第一印象想到什
Android实现人人网点击“+”弹出效果
90worker
03-21 2万+
最近没日没夜的加班，加得连自己姓什么都忘记了，更可怕的是测试出一个BUG还要扣工资！唉，先不谈工作的事了吧。还是回到技术上来，每天也就这么点精神粮食来满足自己了，最近又有很多的东西忘记跟大家分享了，俺又回来，继续分享菜鸟的另一个新的发现，希望能帮助更多的人来实现自己的项目中的一些需要。不管你们有没有这样的需求，我只希望能帮助到大家吧，也希望大家能分享自己的东西，帮助更多的人，让我们菜鸟共同成长！
Android实现Filterable通过输入文本框实现联系人自动筛选
90worker
07-30 2万+
相信大家一定在见过手机通讯录的一个情景就是使用在选人的时候输入文本框里的数据就能自动筛选。今天也受一网友邀请，所以还是整理了一下这块的知识点，现在与大家共享一下，有什么疑惑的可以与我交流。实现的效果如下图。 其实实现这样的效果相信大家一定对另外一个控件不陌生那就AutoCompleteTextview，看一下这个控件的源代码也许就能找到你需要的答案。这里的核心就是一个Filterab
Android实现垂直型的SeekBar
90worker
11-15 2万+
今天给大家推荐一个Android垂直型的SeekBar,可能对于你们在项目中有所帮助。这个已经有人具体实现。本人只是在这里稍做推荐。有关更多的好的控件本人在网上已建了一个网站专门做Android开源控件的收录以及示例代码的各种使用用法，目的是帮助更多的Android开发者，让更多的人爱上Android开发者。可以给出具体实现的思想及代码。按以前写作方式，首先上效果图：具体实现方式是继续SeekBa
为你的Android应用定制属于你的BaseActivity
90worker
07-15 1万+
相信大家在开发Android应用的过程中肯定碰到过很多重复的工作,写着重复的代码,有时候连布局文件也是一样,需要重复的劳动,那么这样对于我们程序来讲肯定是很累很繁琐的一件事,所以我们在写代码的时候是否需要去考虑让我们写更少的代码,程序员要学会偷懒,否则…….. 在开发应用程序的时候我们的设计其实整体的样式是统一,那么我们就可以写一些公用的代码,这样对程序来讲也便于后面的维护,废话也不多说了,相信
android 实现新闻客户端顶部导航栏
最新发布
10-02
在Android中实现新闻客户端顶部导航栏可以通过以下步骤进行实现： 1. 在布局文件中添加一个包含导航栏的视图，可以使用LinearLayout或者Toolbar作为顶部导航栏容器。 2. 在导航栏中添加需要的按钮或者图标，用于切换不同的新闻分类或者功能模块。可以使用ImageView或者Button组件，并设置对应的图标或者文字。 3. 设置导航栏的样式，包括背景色、文字样式、按钮的间距和点击效果等。可以通过设置布局文件中对应的属性或者通过自定义样式来实现。 4. 在Activity或者Fragment中，监听导航栏的点击事件，根据点击的按钮或者图标来进行相应的操作，比如跳转到不同的新闻分类页面或者刷新当前页面等。 5. 如果需要实现滑动切换导航栏分类的功能，可以使用ViewPager和TabLayout组件来实现。将每个新闻分类对应的页面作为ViewPager的子页面，同时在TabLayout中添加对应的tab，通过滑动ViewPager来切换不同的页面。 总结来说，Android实现新闻客户端顶部导航栏可以通过布局文件中添加导航栏视图，设置样式和点击事件，以及结合ViewPager和TabLayout实现滑动切换功能。根据实际需求和设计要求，可以进行相应的定制和扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 17
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值