Android UI(ActionBar+Toolbar)详解

目录:    1.ActionBar与ToolBar概述    2.ActionBar与ToolBar的应用场景    3.ActionBar的隐藏        3.1 通过自定义Theme隐藏        3.2 通过系统Theme隐藏        3.3 通过Java代码隐藏    4.ToolBar的使用        4.1 自定义Theme中的一些常
摘要由CSDN通过智能技术生成
目录:
    1.ActionBar与ToolBar概述
    2.ActionBar与ToolBar的应用场景
    3.ActionBar的隐藏
        3.1 通过自定义Theme隐藏
        3.2 通过系统Theme隐藏
        3.3 通过Java代码隐藏
    4.ToolBar的使用
        4.1 自定义Theme中的一些常用属性
        4.2 基本使用
        4.3 一些问题?(标题/子标题/overflow文字的颜色和字体+overflow icon设置和flow menu背景等)    
         
1.ActionBar与ToolBar概述
    ActionBar是在Android 3.0推出的,google为了改善原本混乱的App风格设计,在2014年的google I/O大会上推出了material design
而ToolBar就是在Android 5.0中用来替换ActionBar的解决方案,同时ActionBar和ToolBar在material design 中被统称为了App bar.

2.ActionBar与ToolBar的应用场景
    ActionBar与ToolBar的应用场景主要在不同Activity之间进行前置导航或者是一些必要的功能按钮或者是导航提示,同时也支持Action
    overflow(即下拉导航列表,类似于下拉菜单)
    
3.ActionBar的隐藏
    3.1 通过自定义Theme隐藏
        1)在styles.xml中定义Theme        
   <style name="noActionbarTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- 设置不显示ActionBar -->
        <item name="windowActionBar">false</item>
        <!--设置不显示title-->
        <item name="windowNoTitle">true</item>

    </style>

        2)在Manifest.xml的application或者Activity节点中田间android:theme="@style/noActionbarTheme"
        
    3.2 通过系统Theme隐藏
 android:theme="@style/Theme.AppCompat.NoActionBar"
 android:theme="@style/Theme.AppCompat.Light.NoActionBar"      

     隐藏效果    


    3.3 通过Java代码隐藏
package com.example.androiduiappbar;

import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //实例化ActionBar,注意为了向下兼容我们使用了support.v7.app.ActionBar
        ActionBar actionBar = getSupportActionBar();
        //隐藏ActionBar
        actionBar.hide();
    }
}

4.ToolBar的使用
    4.1 自定义Theme中的一些常用属性
    1)styles.xml中定义myTheme
   <style name="myTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- 设置不显示ActionBar -->
       <!--<item name="windowActionBar">false</item>-->
       <!--设置不显示title-->
        <!--  <item name="windowNoTitle">true</item>-->
        <!--ActionBar颜色-->
        <item name="colorPrimary">@color/colorAccent</item>
        <!--状态栏颜色-->
        <item name="colorPrimaryDark">@color/accent_mater
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以通过以下步骤在Android中将ActionBar的标题居中: 1. 创建一个自定义布局文件,例如:custom_actionbar.xml,其中包含一个TextView元素,用于显示标题。 ``` <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center"> <TextView android:id="@+id/action_bar_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="@style/TextAppearance.Widget.AppCompat.Toolbar.Title" android:gravity="center" android:textColor="@color/colorAccent" android:textSize="@dimen/text_size_large" android:textStyle="bold"/> </LinearLayout> ``` 2. 在Activity的onCreate方法中,使用setCustomView()方法将自定义布局设置为ActionBar的视图。 ``` @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ActionBar actionBar = getSupportActionBar(); actionBar.setDisplayShowCustomEnabled(true); actionBar.setCustomView(R.layout.custom_actionbar); TextView title = actionBar.getCustomView().findViewById(R.id.action_bar_title); title.setText("标题居中"); } ``` 在此示例中,我们使用了LinearLayout来垂直居中TextView元素,然后将TextView的重心设置为中心。您可以自定义布局来满足您的需求,并使用相应的布局属性来实现居中效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值