Android——ActionBar

作者: 南岸未阴8815 | 来源:发表于2017-05-14 09:34 被阅读4093次

    今天被ActionBar困惑了一天,在这里总结一下今天看到的资料,和怎么样使用ActionBar(主要包括ActionBar的返回功能,和怎么样设置无ActionBar,ActionBar的样式,还有ActionBar怎么让它居中显示)。当我们新建一个项目时,通常会选择建立一个空的Activity(Empty Activity),它会在上面自动生成一个ActionBar,然而我们最常用的就是在上面让它返回到上一层。还有怎么样设置ActionBar的样式。

    我们首先来看一下怎么用ActionBar做到返回的:

    首先我们创建一个项目:然后在里面创建两个Activity,生成两个.xml文件,一个是activity_main.xml,另一个是activity_test_black.xml,我们在第一个activity中添加一个按钮,用来跳转到下一个activity,具体代码就不演示了,这是最基础的代码,我相信只要是学过android的人都知道怎么样来跳转页面。

    最好将此主题继承Theme.Holo或其子类

    其实要想实现ActionBar的回转,最重要的是在第二个activity的java代码中的书写,在AndroidStudio中使用ActionBar时,一定要把默认继承的AppCompatActivity修改成Activity,否则,否则在修改minifest中Theme的parent后,会闪退。因为原来theme为:

    parent="Theme.AppCompat.Light.DarkActionBar"
    

    和AppCompatActivity是对应关系,所以当修改了manifest时请务必修改java代码)。

    在Java代码部分时,要重写ActionBar的方法:

        ActionBar actionBar=getActionBar();
        actionBar.setHomeButtonEnabled(true);
        actionBar.setDisplayHomeAsUpEnabled(true);
        actionBar.setTitle("测试返回");
    

    然后,我们一定要重写onNavigateUp()方法,并且还必须要在return前面加上finish()方法,否则不会关闭当前Activity。

    @Override
    public boolean onNavigateUp() {
        finish();
        return super.onNavigateUp();
    }
    

    这样我们就能做到通过ActionBar的返回功能。

    我们在使用界面布局时:大部分都不需要使用ActionBar,这时,我们就来看一下怎么样消除ActionBar,其实很简单,只需在注册文件(AndroidManifest.xml)中添加一句代码就OK。位置一定要找对,就是在Activity的标签内部,在name属性后面,添加一个

    android:theme="@style/Theme.AppCompat.Light.NoActionBar"
    

    位置如图:

    位置

    接下来我们就看一下ActionBar的样式该怎么修改,使用ActionBar,首先找到manifest,找到其主题:

    android:theme="@style/AppTheme" 
    

    我们通过style找到此主题

    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">  
        <!-- Customize your theme here. -->  
        <!--标题栏(actionBar)颜色-->  
        <item name="colorPrimary">@color/colorPrimary</item>  
        <!--状态栏颜色-->  
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>  
        <item name="colorAccent">@color/colorAccent</item>  
    </style>  
    

    可以直接在此处修改颜色。

    我新建了一个style,取名为myTheme,并在manifest中引用:

    <style name="myAppTheme" parent="@android:style/Theme.Holo.Light">  
        <item name="android:actionBarStyle">@style/myActionBar</item> <!--设置ActionBarStyle-->  
    </style>  
    

    可以通过Android:actionBarStyle改变ActionBar的背景颜色,文字样式等(为了便于查看,此处颜色、尺寸我就不引用了)

    <style name="myActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">  
        <item name="android:background">#54BA42</item>  
        <item name="android:backgroundStacked">#54BA42</item>  
        <item name="android:titleTextStyle">@style/actionBarTitle</item> <!--设置titleTextStyle-->  
    </style>  
    

    文字具体样式在Android:titleTextStyle中设置

    <style name="actionBarTitle">  
        <item name="android:textColor">#FFFFFF</item>  
        <item name="android:textSize">20sp</item>  
    </style>  
    

    如果还想添加LOGO,就可以在注册文件中直接写

    android:logo="LOGO的位置"
    

    然后在注册文件中修改相应的属性值之后就可以呈现出如图样式一的效果;

    样式一

    接下来我们在开看一下怎么样让ActionBar居中显示吧:

    这里再强调一次:如果是使用Android Studio开发,请务必将新建项目后activity继承的AppCompatActivity修改为Activity,否则在修改minifest中Theme的parent后,会闪退(因为原来theme为:

    parent="Theme.AppCompat.Light.DarkActionBar"
    

    和AppCompatActivity是对应关系,所以当修改了manifest时请务必修改java代码)

    第一步:同样注意appTheme应该继承Theme.Holo或其子类,否则修改代码时会出错

    第二步:新建一个xml文件,用于存放actionbar的样式:

    <?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="match_parent"
    android:orientation="vertical">
        <ImageView
          android:layout_width="24dp"
          android:layout_height="24dp"
          android:layout_centerVertical="true"
          android:layout_marginLeft="5dp"
          android:src="@android:drawable/ic_menu_delete"/>
        <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_centerInParent="true"
          android:text="ActionBar的测试"
          android:textColor="#FFF"
          android:textSize="20sp" />
    </RelativeLayout>
    

    第三步:在java代码中引用:
    在onCreate中写:

    //actionBar的设置(使用自定义的设置)  
        ActionBar actionBar=getActionBar();  
        actionBar.setCustomView(R.layout.actionbar_title);  
        actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);  
    

    上面已经修改过ActionBar的样式,我们在这里就不做修改了。呈现的效果如样式二所示;

    样式二

    就先总结到这里吧,有什么问题,或者是更好的可以指教。

    相关文章

      网友评论

        本文标题:Android——ActionBar

        本文链接:https://www.haomeiwen.com/subject/vhmxxxtx.html