|
|
<?xml version="1.0" encoding="utf-8"?>
|
|
|
|
|
|
<!--
|
|
|
============================================================================
|
|
|
styles.xml - 样式资源定义文件
|
|
|
============================================================================
|
|
|
功能：定义便签应用中的文本外观样式和主题
|
|
|
文件位置：res/values/styles.xml
|
|
|
作用：统一应用视觉风格，提供一致的文本显示
|
|
|
============================================================================
|
|
|
Copyright (c) 2010-2011, The MiCode Open Source Community (www.micode.net)
|
|
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
you may not use this file except in compliance with the License.
|
|
|
You may obtain a copy of the License at
|
|
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
See the License for the specific language governing permissions and
|
|
|
limitations under the License.
|
|
|
============================================================================
|
|
|
-->
|
|
|
|
|
|
<!--
|
|
|
======================= 样式资源定义 =======================
|
|
|
功能：集中管理应用中使用的文本样式和主题
|
|
|
分类：
|
|
|
1. 字体大小样式：对应5种字体大小级别
|
|
|
2. 列表项样式：便签列表中的文本样式
|
|
|
3. 菜单样式：界面元素的文本样式
|
|
|
4. 应用主题：整体应用的主题定义
|
|
|
|
|
|
设计理念：通过样式系统实现视觉一致性
|
|
|
-->
|
|
|
<resources>
|
|
|
<!--
|
|
|
======================= 超大字体样式 =======================
|
|
|
名称：TextAppearanceSuper
|
|
|
父样式：无（直接定义）
|
|
|
功能：定义超大字体（33sp）的文本外观
|
|
|
使用场景：
|
|
|
1. 便签编辑界面中的超大字体模式
|
|
|
2. 需要特别突出的文本内容
|
|
|
3. 视力辅助显示模式
|
|
|
|
|
|
样式属性：
|
|
|
1. textSize: @dimen/text_font_size_super (33sp)
|
|
|
- 使用dimens.xml中定义的超大字体尺寸
|
|
|
- 提供最佳的可读性和可见性
|
|
|
|
|
|
2. textColorLink: #0000ff (纯蓝色)
|
|
|
- 超链接文本的颜色
|
|
|
- 标准蓝色：#0000ff (RGB: 0,0,255)
|
|
|
- 设计：传统蓝色超链接，用户易于识别
|
|
|
|
|
|
在代码中的使用：
|
|
|
TextAppearanceResources.getTexAppearanceResource(id)
|
|
|
映射到对应样式资源
|
|
|
-->
|
|
|
<style name="TextAppearanceSuper">
|
|
|
<item name="android:textSize">@dimen/text_font_size_super</item>
|
|
|
<item name="android:textColorLink">#0000ff</item>
|
|
|
</style>
|
|
|
|
|
|
<!--
|
|
|
======================= 大字体样式 =======================
|
|
|
名称：TextAppearanceLarge
|
|
|
父样式：无（直接定义）
|
|
|
功能：定义大字体（26sp）的文本外观
|
|
|
使用场景：
|
|
|
1. 便签编辑界面中的大字体模式
|
|
|
2. 舒适阅读模式
|
|
|
3. 中老年人友好显示
|
|
|
|
|
|
样式属性：
|
|
|
1. textSize: @dimen/text_font_size_large (26sp)
|
|
|
- 使用dimens.xml中定义的大字体尺寸
|
|
|
- 提供优秀的阅读体验
|
|
|
|
|
|
2. textColorLink: #0000ff (纯蓝色)
|
|
|
- 超链接文本的颜色
|
|
|
- 与超大字体样式保持一致的链接颜色
|
|
|
|
|
|
设计考虑：
|
|
|
- 大字体适合长时间阅读
|
|
|
- 链接颜色保持一致，建立视觉关联
|
|
|
-->
|
|
|
<style name="TextAppearanceLarge">
|
|
|
<item name="android:textSize">@dimen/text_font_size_large</item>
|
|
|
<item name="android:textColorLink">#0000ff</item>
|
|
|
</style>
|
|
|
|
|
|
<!--
|
|
|
======================= 中字体样式 =======================
|
|
|
名称：TextAppearanceMedium
|
|
|
父样式：无（直接定义）
|
|
|
功能：定义中字体（20sp）的文本外观
|
|
|
使用场景：
|
|
|
1. 便签编辑界面中的中字体模式
|
|
|
2. 标准阅读模式（可能为默认）
|
|
|
3. 平衡显示的内容
|
|
|
|
|
|
样式属性：
|
|
|
1. textSize: @dimen/text_font_size_medium (20sp)
|
|
|
- 使用dimens.xml中定义的中字体尺寸
|
|
|
- 在可读性和信息密度间取得平衡
|
|
|
|
|
|
2. textColorLink: #0000ff (纯蓝色)
|
|
|
- 超链接文本的颜色
|
|
|
- 保持所有字体大小样式的链接颜色一致
|
|
|
|
|
|
设计位置：
|
|
|
这个样式可能是应用默认的字体大小
|
|
|
-->
|
|
|
<style name="TextAppearanceMedium">
|
|
|
<item name="android:textSize">@dimen/text_font_size_medium</item>
|
|
|
<item name="android:textColorLink">#0000ff</item>
|
|
|
</style>
|
|
|
|
|
|
<!--
|
|
|
======================= 标准字体样式 =======================
|
|
|
名称：TextAppearanceNormal
|
|
|
父样式：无（直接定义）
|
|
|
功能：定义标准字体（17sp）的文本外观
|
|
|
使用场景：
|
|
|
1. 便签编辑界面中的标准字体模式
|
|
|
2. 紧凑显示模式
|
|
|
3. 年轻用户偏好
|
|
|
|
|
|
样式属性：
|
|
|
1. textSize: @dimen/text_font_size_normal (17sp)
|
|
|
- 使用dimens.xml中定义的标准字体尺寸
|
|
|
- 接近系统默认字体大小
|
|
|
|
|
|
2. textColorLink: #0000ff (纯蓝色)
|
|
|
- 超链接文本的颜色
|
|
|
- 统一的链接视觉识别
|
|
|
|
|
|
设计考虑：
|
|
|
- 17sp是Android应用中常见的标准大小
|
|
|
- 适合显示较多内容
|
|
|
-->
|
|
|
<style name="TextAppearanceNormal">
|
|
|
<item name="android:textSize">@dimen/text_font_size_normal</item>
|
|
|
<item name="android:textColorLink">#0000ff</item>
|
|
|
</style>
|
|
|
|
|
|
<!--
|
|
|
======================= 主列表项文本样式 =======================
|
|
|
名称：TextAppearancePrimaryItem
|
|
|
父样式：无（直接定义）
|
|
|
功能：定义便签列表中主项（文件夹/便签标题）的文本外观
|
|
|
使用场景：
|
|
|
1. 便签列表中的文件夹名称
|
|
|
2. 便签列表中的便签标题/摘要
|
|
|
3. 通话记录文件夹中的便签标题
|
|
|
|
|
|
样式属性：
|
|
|
1. textSize: @dimen/text_font_size_normal (17sp)
|
|
|
- 使用标准字体大小
|
|
|
- 确保列表项标题清晰可读
|
|
|
|
|
|
2. textColor: @color/primary_text_dark
|
|
|
- 主文本颜色，引用颜色资源
|
|
|
- 应为较深的颜色，确保对比度和可读性
|
|
|
- 对应颜色值可能在colors.xml中定义
|
|
|
|
|
|
视觉设计：
|
|
|
- 字体适中：17sp在列表中清晰但不占太多空间
|
|
|
- 颜色突出：较深颜色突出主项内容
|
|
|
- 层级明确：作为列表的主要信息层级
|
|
|
-->
|
|
|
<style name="TextAppearancePrimaryItem">
|
|
|
<item name="android:textSize">@dimen/text_font_size_normal</item>
|
|
|
<item name="android:textColor">@color/primary_text_dark</item>
|
|
|
</style>
|
|
|
|
|
|
<!--
|
|
|
======================= 副列表项文本样式 =======================
|
|
|
名称：TextAppearanceSecondaryItem
|
|
|
父样式：无（直接定义）
|
|
|
功能：定义便签列表中副项（通话记录联系人）的文本外观
|
|
|
使用场景：
|
|
|
1. 通话记录文件夹中的联系人姓名
|
|
|
2. 可能需要区分的次要信息
|
|
|
|
|
|
样式属性：
|
|
|
1. textSize: @dimen/text_font_size_small (14sp)
|
|
|
- 使用小字体大小
|
|
|
- 表示次要信息，不喧宾夺主
|
|
|
|
|
|
2. textColor: @color/secondary_text_dark
|
|
|
- 副文本颜色，引用颜色资源
|
|
|
- 应比主文本颜色略浅，表示次要层级
|
|
|
- 对应颜色值可能在colors.xml中定义
|
|
|
|
|
|
视觉设计：
|
|
|
- 字体较小：14sp表示次要信息
|
|
|
- 颜色较浅：与主项形成视觉层次
|
|
|
- 用途特定：专为通话记录联系人设计
|
|
|
-->
|
|
|
<style name="TextAppearanceSecondaryItem">
|
|
|
<item name="android:textSize">@dimen/text_font_size_small</item>
|
|
|
<item name="android:textColor">@color/secondary_text_dark</item>
|
|
|
</style>
|
|
|
|
|
|
<!--
|
|
|
======================= 菜单图标下文本样式 =======================
|
|
|
名称：TextAppearanceUnderMenuIcon
|
|
|
父样式：无（直接定义）
|
|
|
功能：定义菜单图标下方说明文本的外观
|
|
|
使用场景：
|
|
|
1. 菜单图标下方的标签文本
|
|
|
2. 工具栏图标的说明文字
|
|
|
3. 底部导航的标签
|
|
|
|
|
|
样式属性：
|
|
|
1. textSize: @dimen/text_font_size_normal (17sp)
|
|
|
- 使用标准字体大小
|
|
|
- 确保标签清晰可读
|
|
|
|
|
|
2. textColor: @android:color/black
|
|
|
- 使用系统定义的黑色
|
|
|
- 在浅色主题上确保对比度
|
|
|
- 标准黑色：#000000
|
|
|
|
|
|
设计考虑：
|
|
|
- 通用性：使用系统颜色资源
|
|
|
- 可读性：黑色在浅色背景上清晰
|
|
|
- 一致性：与系统菜单样式协调
|
|
|
-->
|
|
|
<style name="TextAppearanceUnderMenuIcon">
|
|
|
<item name="android:textSize">@dimen/text_font_size_normal</item>
|
|
|
<item name="android:textColor">@android:color/black</item>
|
|
|
</style>
|
|
|
|
|
|
<!--
|
|
|
======================= 应用主题 =======================
|
|
|
名称：NoteTheme
|
|
|
父主题：@android:style/Theme.Holo.Light
|
|
|
功能：定义便签应用的整体视觉主题
|
|
|
使用场景：
|
|
|
1. AndroidManifest.xml中应用全局主题
|
|
|
2. 所有Activity继承此主题
|
|
|
|
|
|
父主题说明：
|
|
|
Theme.Holo.Light：Android 3.0+ 的浅色Holo主题
|
|
|
- 浅色背景，深色文本
|
|
|
- 蓝色高亮色
|
|
|
- 现代、简洁的设计语言
|
|
|
|
|
|
样式属性：
|
|
|
1. actionBarStyle: @style/NoteActionBarStyle
|
|
|
- 自定义操作栏样式
|
|
|
- 覆盖父主题的操作栏样式
|
|
|
|
|
|
主题特点：
|
|
|
- 浅色主题：适合文本阅读类应用
|
|
|
- Holo设计：Android 3.0+ 的标准设计语言
|
|
|
- 一致性：与系统其他应用协调
|
|
|
|
|
|
在AndroidManifest中的使用：
|
|
|
<application
|
|
|
android:theme="@style/NoteTheme"
|
|
|
...>
|
|
|
-->
|
|
|
<style name="NoteTheme" parent="@android:style/Theme.Holo.Light">
|
|
|
<item name="android:actionBarStyle">@style/NoteActionBarStyle</item>
|
|
|
<item name="android:windowBackground">@android:color/white</item>
|
|
|
<item name="android:textColor">@android:color/primary_text_light</item>
|
|
|
<item name="android:textColorSecondary">@android:color/secondary_text_light</item>
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
======================= 操作栏样式 =======================
|
|
|
名称：NoteActionBarStyle
|
|
|
父样式：@android:style/Widget.Holo.Light.ActionBar.Solid
|
|
|
功能：定义便签应用操作栏的具体样式
|
|
|
使用场景：
|
|
|
1. 应用所有Activity的操作栏
|
|
|
2. 继承自NoteTheme主题
|
|
|
|
|
|
父样式说明：
|
|
|
Widget.Holo.Light.ActionBar.Solid：
|
|
|
- 浅色Holo主题的实心操作栏
|
|
|
- 标准操作栏部件样式
|
|
|
|
|
|
样式属性：
|
|
|
1. visibility: visible
|
|
|
- 确保操作栏可见
|
|
|
- 可能用于覆盖某些主题的隐藏设置
|
|
|
|
|
|
设计考虑：
|
|
|
- 保持可见：便签应用需要操作栏提供导航和菜单
|
|
|
- 继承系统样式：确保与系统协调
|
|
|
- 简单定制：只修改必要的属性
|
|
|
-->
|
|
|
<style name="NoteActionBarStyle" parent="@android:style/Widget.Holo.Light.ActionBar.Solid">
|
|
|
<item name="android:visibility">visible</item>
|
|
|
<item name="android:background">@android:color/white</item>
|
|
|
<item name="android:titleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Title</item>
|
|
|
</style>
|
|
|
|
|
|
|
|
|
</resources> |
