API29下ActionBar和ToolBar的基本实现(2)

文章详细描述了如何在Android应用中自定义ActionBar布局,包括使用customactionbar.xml中的组件,以及如何在MainActivity中设置不同样式和功能的ActionBar实例。同时提到了ToolBar的替代作用和其自定义选项。
摘要由CSDN通过智能技术生成

@color/colorControlNormal

(2)为自定义的ActionBar定义布局(customactionbar.xml)

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

<RelativeLayout

xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:background=“#00BFFF”>

<ImageView

android:id=“@+id/header_back”

android:layout_width=“26dp”

android:layout_height=“26dp”

android:layout_centerVertical=“true”

android:layout_marginLeft=“5dp”

android:padding=“4dp”

android:src=“@mipmap/ic_arrow_back” />

<LinearLayout

android:id=“@+id/linear_header_container”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerInParent=“true”>

<TextView

android:id=“@+id/header_title”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:textColor=“#fff”

android:textSize=“18sp” />

<LinearLayout

android:id=“@+id/search”

android:layout_width=“200dp”

android:layout_height=“wrap_content”

android:background=“@drawable/edittext_bg_shape”

android:layout_margin=“3dp”

android:layout_centerInParent=“true”

android:padding=“5dp”

android:visibility=“gone”>

<TextView

android:layout_width=“0dp”

android:layout_weight=“1”

android:layout_height=“match_parent”

android:hint=“search”

android:layout_centerInParent=“true”

android:padding=“3dp”

android:textColor=“#fff”

android:textSize=“13sp” />

<RelativeLayout

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignParentRight=“true”

android:layout_centerVertical=“true”

android:padding=“12dp”>

<TextView

android:id=“@+id/header_menu”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:textSize=“16sp”

android:textColor=“#fff”/>

<View

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignParentRight=“true”/>

(3)在activity_main.xml中定义所有actionbar的布局

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

<LinearLayout

xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:tools=“http://schemas.android.com/tools”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”

tools:context=“com.example.actionbar.customactionbar.MainActivity”>

<com.example.actionbar.customactionbar.CustomActionBar

android:id=“@+id/actionbar_0”

android:layout_width=“match_parent”

android:layout_height=“45dp”/>

<com.example.actionbar.customactionbar.CustomActionBar

android:id=“@+id/actionbar_1”

android:layout_width=“match_parent”

android:layout_height=“45dp”

android:layout_marginTop=“20dp”/>

<com.example.actionbar.customactionbar.CustomActionBar

android:id=“@+id/actionbar_2”

android:layout_width=“match_parent”

android:layout_height=“45dp”

android:layout_marginTop=“20dp”/>

<com.example.actionbar.customactionbar.CustomActionBar

android:id=“@+id/actionbar_3”

android:layout_width=“match_parent”

android:layout_height=“45dp”

android:layout_marginTop=“20dp”/>

<com.example.actionbar.customactionbar.CustomActionBar

android:id=“@+id/actionbar_4”

android:layout_width=“match_parent”

android:layout_height=“45dp”

android:layout_marginTop=“20dp”/>

<com.example.actionbar.customactionbar.CustomActionBar

android:id=“@+id/actionbar_5”

android:layout_width=“match_parent”

android:layout_height=“45dp”

android:layout_marginTop=“20dp”/>

<com.example.actionbar.customactionbar.CustomActionBar

android:id=“@+id/actionbar_6”

android:layout_width=“match_parent”

android:layout_height=“45dp”

android:layout_marginTop=“20dp”/>

(4)定义CustomActionBar类,封装了ActionBar的各种函数

public class CustomActionBar extends LinearLayout {

private ImageView headerBack;

private TextView headerTitle, headerMenuText;

private LinearLayout Search;

private LayoutInflater mInflater;

private View headView;

public CustomActionBar(Context context) {

super(context);

init(context);

}

public CustomActionBar(Context context, AttributeSet attrs) {

super(context, attrs);

init(context);

}

public void init(Context context) {

mInflater = LayoutInflater.from(context);

headView = mInflater.inflate(R.layout.customactionbar, null);

addView(headView);

initView();

}

private void initView() {

headerBack = headView.findViewById(R.id.header_back);

headerTitle = headView.findViewById(R.id.header_title);

headerMenuText = headView.findViewById(R.id.header_menu);

Search = headView.findViewById(R.id.search);

headerBack.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

((Activity) getContext()).finish();

}

});

}

public void setStyle(String title) {

if (title != null)

headerTitle.setText(title);

}

/**

  • 标题加文字菜单

  • @param title

  • @param menuText

  • @param listener

*/

public void setStyle(String title, String menuText, OnClickListener listener) {

setStyle(title);

if (menuText != null)

headerMenuText.setText(menuText);

headerMenuText.setOnClickListener(listener);

}

/**

  • 只有右边字体

  • @param menuText

  • @param listener

*/

public void setStyle(String menuText, OnClickListener listener) {

headerBack.setVisibility(GONE);

if (menuText != null)

headerMenuText.setText(menuText);

headerMenuText.setOnClickListener(listener);

}

/**

  • 标题加图标菜单

  • @param title

  • @param menuImgResource

  • @param listener

*/

public void setStyle(String title, int menuImgResource, OnClickListener listener) {

setStyle(title);

headerMenuText.setBackgroundResource(menuImgResource);

headerMenuText.setOnClickListener(listener);

}

public void setStyle(boolean hasSearch){

if(hasSearch){

Search.setVisibility(VISIBLE);

}

}

/**

  • 将默认的返回按钮功能去掉

*/

public void setStyleNoBack(String title) {

setStyle(title);

headerBack.setVisibility(GONE);

}

}

(5)在MainActivity类中实现各种ActionBar

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

init();

}

private void init() {

CustomActionBar actionBar0 = findViewById(R.id.actionbar_0);

CustomActionBar actionBar1 = findViewById(R.id.actionbar_1);

CustomActionBar actionBar2 = findViewById(R.id.actionbar_2);

CustomActionBar actionBar3 = findViewById(R.id.actionbar_3);

CustomActionBar actionBar4 = findViewById(R.id.actionbar_4);

CustomActionBar actionBar5 = findViewById(R.id.actionbar_5);

CustomActionBar actionBar6 = findViewById(R.id.actionbar_6);

//actionbar0默认只有返回键

//只有标题

actionBar1.setStyleNoBack(“标题”);

//只有菜单

actionBar2.setStyle(“菜单”, new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(getApplicationContext(),“您点击了菜单”,Toast.LENGTH_SHORT).show();

}

});

//返回键 + 标题

actionBar3.setStyle(“标题”);

//返回键 + 标题 + 菜单

actionBar4.setStyle(“标题”, “菜单”, new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(getApplicationContext(),“您点击了菜单”,Toast.LENGTH_SHORT).show();

}

});

//返回键 + 标题 + 菜单图标

actionBar5.setStyle(“标题”, R.mipmap.more_white, new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(getApplicationContext(),“您点击了菜单”,Toast.LENGTH_SHORT).show();

}

});

//搜索框模式

actionBar6.setStyle(true);

}

}

  • 搜索框格式实现:在drawable中创建相应的格式文件,定义如下
<?xml version="1.0" encoding="utf-8"?>

<shape

xmlns:android=“http://schemas.android.com/apk/res/android”>

效果图

ActionBar效果图

自定义ToolBar

=====================================================================

Toolbar 是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件。由于他的可定制度高,所以已经逐步替代掉了ActionBar。实际上这两个可以理解为同一个东西,ToolBar是对ActionBar的升级,使用起来也基本是一样的。

ToolBar可自定义以下几种元素,以适应不同的需求

  • 设置导航栏图标

  • 设置logo

  • 设置标题与子标题

  • 设置菜单(文字及图标菜单)

  • 可自定义添加一至多个控件

(1)编写activity_main.xml文件,定义工具栏的布局

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

<FrameLayout

xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:app=“http://schemas.android.com/apk/res-auto”

android:layout_width=“match_parent”

android:layout_height=“match_parent” >

<Toolbar

android:id=“@+id/tool_bar”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

最后

其实Android开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。

上面分享的腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题,博主还把这些技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,上面只是以图片的形式给大家展示一部分。

【Android思维脑图(技能树)】

知识不体系?这里还有整理出来的Android进阶学习的思维脑图,给大家参考一个方向。

【Android高级架构视频学习资源】

Android部分精讲视频领取学习后更加是如虎添翼!进军BATJ大厂等(备战)!现在都说互联网寒冬,其实无非就是你上错了车,且穿的少(技能),要是你上对车,自身技术能力够强,公司换掉的代价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》
点击传送门,即可获取!

content"

最后

其实Android开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。

上面分享的腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题,博主还把这些技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,上面只是以图片的形式给大家展示一部分。

【Android思维脑图(技能树)】

知识不体系?这里还有整理出来的Android进阶学习的思维脑图,给大家参考一个方向。

[外链图片转存中…(img-BECLD0DV-1714792410558)]

【Android高级架构视频学习资源】

Android部分精讲视频领取学习后更加是如虎添翼!进军BATJ大厂等(备战)!现在都说互联网寒冬,其实无非就是你上错了车,且穿的少(技能),要是你上对车,自身技术能力够强,公司换掉的代价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》
点击传送门,即可获取!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值