安卓训练-开始-添加操作栏-为操作栏添加样式

最新推荐文章于 2024-09-30 15:37:45 发布
最新推荐文章于 2024-09-30 15:37:45 发布
阅读量726 收藏
点赞数
分类专栏： Android 文章标签： android 安卓

为操作栏添加样式

操作栏让用户以熟悉和可预测的方法执行操作在你的应用中导航，但那并不表示它需要看起来和其他应用完全一样。你可以很容易地使用安卓的 样式与主题 资源，给操作栏添加样式，让它更好地符合你的品牌。

安卓包含一些内建的 activity 主题，有"暗"或"亮" 操作栏样式。你可以扩展这些主题，进一步自定义你的操作栏的外观。

注意：如果你为操作栏使用支持库 API，你需要使用或覆盖 Theme.AppCompat 样式族（而不是 API 等级 11 和更高等级可用的Theme.Holo 族）。这样做时，每个样式属性你都必须声明两次：一次使用平台的样式属性（android: 属性），另一次使用支持库中包含的样式属性（appcompat.R.attr 属性—这些属性的上下文实际上是你的应用）。详情请看下面的例子。

使用安卓主题

安卓包含两个基准 activity 主题用于控制操作栏的颜色：

你可以在你的清单文件中为 <application> 元素或单独的 <activity> 元素声明 android:theme 属性来为你的整个应用或单独的 activity 应用这些主题。

例如：

<application android:theme="@android:style/Theme.Holo.Light" ... />

你还可以通过声明 Theme.Holo.Light.DarkActionBar 主题使用一个暗的操作栏而 activity 的其余部分却是亮颜色的。

当使用支持库时，你必须使用 Theme.AppCompat 主题：

请确保你的操作栏的图标与操作栏的颜色形成恰当的对比。为了帮助你，操作栏图标包 包含了与 Holo 亮 和 Holo 暗操作栏一起使用的标准操作图标。

自定义背景

为了改变操作栏的背景，为你的 activity 创建一个自定义的覆盖 actionBarStyle 属性的主题。这个属性指向另一个样式，在那个样式中你可以覆盖background 属性 to 为操作栏的背景指定一个可绘制的资源。

如果你的应用使用 导航标签 或者 分裂操作栏，那你还可以相应地使用 backgroundStacked 和backgroundSplit 属性为这些操作栏指定背景。

警告：声明一个合适的父主题很重要，你自定义的主题与样式继承它的样式。没有父样式，你的操作栏会没有许多样式属性，除非你自己显式地声明它们。

只支持安卓 3.0或更高版本

当只支持 3.0或更高版本时，你可以像这样定义操作栏背景：

res/values/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- the theme applied to the application or activity -->
    <style name="CustomActionBarTheme"
           parent="@style/Theme.Holo.Light.DarkActionBar">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
    </style>

    <!-- ActionBar styles -->
    <style name="MyActionBar"
           parent="@style/Widget.Holo.Light.ActionBar.Solid.Inverse">
        <item name="android:background">@drawable/actionbar_background</item>
    </style>
</resources>

然后给你的整个应用或单独的 activity 运用主题：

<application android:theme="@style/CustomActionBarTheme" ... />

支持安卓 2.1或更高版本

当使用支持库时，与上面一样的主题必须替换成这样：

res/values/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- the theme applied to the application or activity -->
    <style name="CustomActionBarTheme"
           parent="@style/Theme.AppCompat.Light.DarkActionBar">
        <item name="android:actionBarStyle">@style/MyActionBar</item>

        <!-- Support library compatibility -->
        <item name="actionBarStyle">@style/MyActionBar</item>
    </style>

    <!-- ActionBar styles -->
    <style name="MyActionBar"
           parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
        <item name="android:background">@drawable/actionbar_background</item>

        <!-- Support library compatibility -->
        <item name="background">@drawable/actionbar_background</item>
    </style>
</resources>

然后给你的整个应用或单独的 activity 运用主题：

<application android:theme="@style/CustomActionBarTheme" ... />

自定义文本颜色

为了修改操作栏上文本的颜色，你需要为每个文本元素覆盖一些属性：

只支持安卓 3.0或更高版本

当只支持安卓 3.0或更高版本时，你的样式 XML 文件看起来可能像这样：

res/values/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- the theme applied to the application or activity -->
    <style name="CustomActionBarTheme"
           parent="@style/Theme.Holo">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
        <item name="android:actionBarTabTextStyle">@style/MyActionBarTabText</item>
        <item name="android:actionMenuTextColor">@color/actionbar_text</item>
    </style>

    <!-- ActionBar styles -->
    <style name="MyActionBar"
           parent="@style/Widget.Holo.ActionBar">
        <item name="android:titleTextStyle">@style/MyActionBarTitleText</item>
    </style>

    <!-- ActionBar title text -->
    <style name="MyActionBarTitleText"
           parent="@style/TextAppearance.Holo.Widget.ActionBar.Title">
        <item name="android:textColor">@color/actionbar_text</item>
    </style>

    <!-- ActionBar tabs text styles -->
    <style name="MyActionBarTabText"
           parent="@style/Widget.Holo.ActionBar.TabText">
        <item name="android:textColor">@color/actionbar_text</item>
    </style>
</resources>

支持安卓 2.1或更高版本

当使用支持库时，你的样式 XML 文件看起来可能像这样：

res/values/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- the theme applied to the application or activity -->
    <style name="CustomActionBarTheme"
           parent="@style/Theme.AppCompat">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
        <item name="android:actionBarTabTextStyle">@style/MyActionBarTabText</item>
        <item name="android:actionMenuTextColor">@color/actionbar_text</item>

        <!-- Support library compatibility -->
        <item name="actionBarStyle">@style/MyActionBar</item>
        <item name="actionBarTabTextStyle">@style/MyActionBarTabText</item>
        <item name="actionMenuTextColor">@color/actionbar_text</item>
    </style>

    <!-- ActionBar styles -->
    <style name="MyActionBar"
           parent="@style/Widget.AppCompat.ActionBar">
        <item name="android:titleTextStyle">@style/MyActionBarTitleText</item>

        <!-- Support library compatibility -->
        <item name="titleTextStyle">@style/MyActionBarTitleText</item>
    </style>

    <!-- ActionBar title text -->
    <style name="MyActionBarTitleText"
           parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
        <item name="android:textColor">@color/actionbar_text</item>
        <!-- The textColor property is backward compatible with the Support Library -->
    </style>

    <!-- ActionBar tabs text -->
    <style name="MyActionBarTabText"
           parent="@style/Widget.AppCompat.ActionBar.TabText">
        <item name="android:textColor">@color/actionbar_text</item>
        <!-- The textColor property is backward compatible with the Support Library -->
    </style>
</resources>

自定义标签指示器

为了改变 导航标签 使用的指示器， 创建一个覆盖actionBarTabStyle 属性的 activity 主题。这个属性指向另一个样式资源，在那个资源中你覆盖background 属性，指定一个可绘制状态列表。

注意：一个可绘制状态列表是很重要的， 当前选中的标签使用与其他标签不同的背景表示它的状态。 更多关于怎样创建一个可以处理多个按钮状态的可绘制资源的信息，参见状态列表 文档。

例如，这里是一个可绘制状态列表，为操作栏标签的几个不同状态声明特别的背景图像：

res/drawable/actionbar_tab_indicator.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<!-- STATES WHEN BUTTON IS NOT PRESSED -->

    <!-- Non focused states -->
    <item android:state_focused="false" android:state_selected="false"
          android:state_pressed="false"
          android:drawable="@drawable/tab_unselected" />
    <item android:state_focused="false" android:state_selected="true"
          android:state_pressed="false"
          android:drawable="@drawable/tab_selected" />

    <!-- Focused states (such as when focused with a d-pad or mouse hover) -->
    <item android:state_focused="true" android:state_selected="false"
          android:state_pressed="false"
          android:drawable="@drawable/tab_unselected_focused" />
    <item android:state_focused="true" android:state_selected="true"
          android:state_pressed="false"
          android:drawable="@drawable/tab_selected_focused" />


<!-- STATES WHEN BUTTON IS PRESSED -->

    <!-- Non focused states -->
    <item android:state_focused="false" android:state_selected="false"
          android:state_pressed="true"
          android:drawable="@drawable/tab_unselected_pressed" />
    <item android:state_focused="false" android:state_selected="true"
        android:state_pressed="true"
        android:drawable="@drawable/tab_selected_pressed" />

    <!-- Focused states (such as when focused with a d-pad or mouse hover) -->
    <item android:state_focused="true" android:state_selected="false"
          android:state_pressed="true"
          android:drawable="@drawable/tab_unselected_pressed" />
    <item android:state_focused="true" android:state_selected="true"
          android:state_pressed="true"
          android:drawable="@drawable/tab_selected_pressed" />
</selector>

只支持安卓 3.0或更高版本

当只支持安卓 3.0或更高版本时，你的样式 XML 文件看起来可能像这样：

res/values/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- the theme applied to the application or activity -->
    <style name="CustomActionBarTheme"
           parent="@style/Theme.Holo">
        <item name="android:actionBarTabStyle">@style/MyActionBarTabs</item>
    </style>

    <!-- ActionBar tabs styles -->
    <style name="MyActionBarTabs"
           parent="@style/Widget.Holo.ActionBar.TabView">
        <!-- tab indicator -->
        <item name="android:background">@drawable/actionbar_tab_indicator</item>
    </style>
</resources>

支持安卓 2.1或更高版本

当使用支持库时，你的样式 XML 文件看起来可能像这样：

res/values/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- the theme applied to the application or activity -->
    <style name="CustomActionBarTheme"
           parent="@style/Theme.AppCompat">
        <item name="android:actionBarTabStyle">@style/MyActionBarTabs</item>

        <!-- Support library compatibility -->
        <item name="actionBarTabStyle">@style/MyActionBarTabs</item>
    </style>

    <!-- ActionBar tabs styles -->
    <style name="MyActionBarTabs"
           parent="@style/Widget.AppCompat.ActionBar.TabView">
        <!-- tab indicator -->
        <item name="android:background">@drawable/actionbar_tab_indicator</item>

        <!-- Support library compatibility -->
        <item name="background">@drawable/actionbar_tab_indicator</item>
    </style>
</resources>

更多资源

 
 
Kdjr3rbQB3Q
关注
专栏目录
codepath-android-todo:Android 训练营项目 0
07-02
CodePath Android 简单 TODO 入门 这是 CodePath Android 课程的 Simple TODO 入门应用程序。 耗时：3小时 完成的用户故事： 必需：用户可以查看已保存的待办事项列表 必需：用户可以将项目添加到待办事项列表 ...
EasyPR_Android-master.zip
07-10
此外，为了提高识别率，可以对训练模型进行定制，使其适应特定的车牌样式或环境条件。 总的来说，EasyPR_Android-master是一个实用的工具，它利用OpenCV的强大功能，使Android应用能够轻松实现车牌识别。对于想要...
关于表格操作栏的样式总结
weixin_45644355的博客
04-02 188
1.当表格操作栏有多个按钮，其出现与否取决于后台接口返回的状态参数，这时候这些按钮是不确定是会出现哪些的，但按钮与按钮之间需要分割线来隔开，这时候如果某个按钮右边没有按钮了， 则就不需要分割线了，可以用css来控制分割线的样式，做法如下： 注意：operate-btn 是写在按钮el-button上的类名，每个按钮都需要写 如何让表格操作栏的宽度适应电脑屏幕的各种分辨率大小下内容不换行，位置不变 1.在src下新建一个plugin文件夹，在该文件夹下新建一个RatioPlugin.js文件，在该js文件下
统一设置导航栏样式
weixin_30618985的博客
12-22 247
//统一设置导航栏样式 //设置导航栏背景颜色 [[UINavigationBar appearance]setBarTintColor:[UIColor redColor]]; //如果你发现设置的导航栏背景颜色有些模糊感请设置 [UINavigationBar appearance].translucent = NO; //设置导航栏左右侧的字体颜色 ...
安卓训练-开始-添加操作栏-设置操作栏
Kdjr3rbQB3Q的专栏
11-10 1012
设置操作栏 上一课 下一课 这节课教你 只支持安卓 3.0及以上版本 支持安卓 2.1及以上版本 你还需要阅读 设置支持库 最基本形式的操作栏在左侧显示 activity 的标题和应用图标。即使是简单形式的操作栏对所有 activity 都是有用的，能通知用户在哪里，以及保持你的应用的一致性。
安卓训练-开始-添加操作栏
Kdjr3rbQB3Q的专栏
11-07 736
添加操作栏 上一课 下一课 依赖与前提 安卓 2.1或更高版本 你还需要阅读 操作栏 实现高效导航 设计指南 操作栏 操作栏是你为你的应用的 activity 实现的最重要的设计元素之一。它提供了一些用户界面特性，这些特性使你的应用与其他安卓应用保持一致，能让用户立即熟悉你的应用。关键
安卓训练-开始-添加操作栏-覆盖模式的操作栏
Kdjr3rbQB3Q的专栏
11-10 722
覆盖模式的操作栏 上一课 下一课 这节课教你 启用覆盖模式 只支持安卓 3.0或更高版本 支持安卓 2.1或更高版本 指定布局的顶部外边距 你还需要阅读 样式与主题 默认情况下，操作栏出现在你的 activity 窗口的顶部，会稍微减少你的 activity 剩余部分的可用空间。在用户交
android活动添加菜单,Android训练课程(Android Training) - 添加活动栏（使用action bar）...
weixin_30542979的博客
05-26 208
添加活动栏(Adding the Action Bar)活动栏action bar 是非常重要的设计元素之一，你可以为你的app中的activity来实现它。它提供了数个用户界面特性，这些特性使得你的app立即让用户觉得亲和，它再不同的安卓app中提供了一致性。关键功能包括：为你的app提供标识的一个专用的区域 ,并且在app中指示用户的当前位置。以一种可预言的方式访问重要的活动(比如搜索)支持导...
安卓训练-开始
Kdjr3rbQB3Q的专栏
10-21 653
欢迎来到安卓开发者训练。在这里你能找到一套课程，这些课程教你怎样用示例代码完成一些具体的任务。你可以在你的应用中重用这些代码。课程分成好几组。 第一组“从这里开始”，教你安卓应用开发的最基本的知识。如果你是安卓应用开发的新手，你需要按顺序完成这些课程： 开发你的第一个应用 在你安装安卓SDK之后，从这节课开始学习安卓应用开发的基础知识。 创建安卓工程运行你的应用构建一个
Android训练课程(Android Training) - 添加活动栏（使用action bar）
张云飞Vir的专栏
06-22 182
添加活动栏（Adding the Action Bar） 活动栏action bar 是非常重要的设计元素之一，你可以为你的app中的activity来实现它。它提供了数个用户界面特性，这些特性使得你的app立即让用户觉得亲和，它再不同的安卓app中提供了一致性。关键功能包括： 为你的app提供标识的一个专用的区域 ,并且在app中指示用户的当前位置。 以一种可预言的方式访问重要的...
安卓训练-开始-支持不同的设备-支持不同的平台版本
Kdjr3rbQB3Q的专栏
11-10 848
主要内容有：怎样指定安卓应用的 SDK 版本；在运行时检查系统版本；使用安卓内建的样式与主题。
react-native-training：我的react-native训练文件
02-12
它包含了一个名为"react-native-training-main"的主目录，这可能是一个完整的项目结构或者一系列教程的起点。 在React Native中，JavaScript是主要的编程语言，它允许开发者使用JavaScript和React库来构建iOS和...
Android高级应用源码-android的手写功能.rar
12-17
UI设计包括颜色搭配、按钮布局、工具栏设置等，都应考虑用户的直观操作和审美需求。 9. **多语言支持**：如果应用包含手写识别功能，那么可能需要支持多种语言的识别，这需要额外的训练数据和算法调整。 10. **...
安卓OCR图像识别相关-tess-twoandroid图片文字识别简用.rar
07-29
tess-two是Tesseract OCR在Android平台上的移植版本，支持多种语言，并且可以进行训练以识别特定的字体和样式。 要使用tess-two进行OCR识别，首先需要在Android项目中集成该库。这通常通过在build.gradle文件中添加...
【Android 14源码分析】WMS-窗口显示-流程概览与应用端流程分析
最新发布
隔壁小王的博客
09-30 951
WMS 负责管理设备上所有的 Window ，所以应用想显示一个 Window 则要通过 WMS 来完成。而 WMS 毕竟还是上层，窗口的内容要显示到屏幕上，还需要 SurfaceFlinger 来处理。应用端: 控制其内部的窗口的添加及 UI 绘制逻辑WMS 模块: 作为系统窗口管理模块，处理应用端的窗口显示逻辑应用端与 WMS 通信通过匿名 Binder -> Session 完成。
技术速递｜适用于 .NET 和 .NET MAUI Android 应用程序的 Android 资产包
MicrosoftReactor的博客
09-27 1343
早在 2018 年，Google 就推出了一种新的软件包格式，用于将 Android 应用程序部署到 Google Play Store。自 .NET 6 以来，.NET Android 就一直支持Android App Bundles (AAB)这种新格式。Android App Bundles 有很多功能，我们优先考虑了开发人员最需要的功能。AAB 格式的一项高级功能是资产包，它现在将成为 .NET 9 的一部分。那么什么是资产包呢？新软件包格式的一部分是可以将资产放入单独的软件包中。
windows10使用bat脚本安装前后端环境之msyql5.7安装配置并重置用户密码
风吹淡了悲伤
09-27 579
mysql-user-init.sql：重置root密码（并新增zhangsan用户授予权限）adserver-simple.sql：创建数据库sql脚本。5.启动并修改root密码（新增用户初始化授予权限）2.新增data文件夹与my.ini配置文件。1.下载mysql5.7 zip格式安装包。4.安装mysql windows服务。
Android build子系统（01）Ninja构建系统解读
wangdsh的博客
09-29 1063
说明：本文将解读Ninja构建系统，这是当前Android Framework中广泛使用的构建工具。我们将从Ninja的起源和背景信息开始，逐步解读Ninja的优势和核心原理，并探讨其一般使用场景。然后介绍其在Android Framework中的应用及相关工具：kati、soong、gn等，最后介绍下如何自行构建一个Ninja编译系统，以便于对Ninja有一个完整的了解。
uni-app 安卓禁用下拉操作栏
10-16
要在uni-app中禁用安卓下拉操作栏，可以进行如下操作： 1. 在uni-app项目的manifest.json文件中，找到"android"对象，并添加一个新的键值对："androidStatusbarStyle": "none"。这会使得应用程序的状态栏变为透明色...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值