当你设计你的程序的时候,你可以用Style(风格)和Theme(主题)来统一格式化各种屏幕和UI元素。
风格是一个包含一种或者多种格式化属性的集合,你可以将其用为一个单位用在布局XML单个元素当中。比如,你可以定义一种风格来定义字号大小和颜色,然后将其用在View元素的一个特定的实例。
主题是一个包含一种或者多种格式化属性的集合,你可以将其为一个单位用在应用中所有的Activity当中或者应用中的某个Activity当中。比如,你可以定义一个主题,它为window frame和panel的前景和背景定义了一组颜色,并为菜单定义文字的大小和颜色属性,你可以将这主题应用在你程序当中所有的Activity里。
Style(风格)和Theme(主题)都是资源。你可以用android提供的一些默认的风格和主题资源,你也可以自定义你自己的主题和风格资源。
如何新建自定义的风格和主题:
1.在res/values目录下新建一个名叫 mystyle.xml 的文件,增加一个<resources>根节点。
2.对每个风格和主题,给<style>element增加一个全局唯一的名字,也可以选择增加一个父类属性,在后边我们可以用这个名字来应用风格,而父类属性标识了当前风格是继承于哪个风格。
3.在<style>元素内部,申明一个或者多个<item>,每一个<item>定义了一个名字属性,并且在元素内部定义了这个风格的值。
4.你可以应用在其他XML定义的资源。
下边是申明风格的实例:
如上所示,你可以用<item>元素来为你的风格定义一组格式化的值。在item当中的名字的属性可以是一个字符串,一个16进制数所表示的颜色或者是其他资源的引用。
注意:在<style>元素中的父类属性。这个属性让你可以能够定义一个资源,当前风格可以从这个资源当中继承到值。你可以从任何包含这个风格的资源当中继承此风格。通常上,你的资源应该直接或者间接地继承Android的标准风格资源。这样的话,你就只需要定义你想改变的值。
在这个例子当中的EditText元素,演示了如何引用一个XML布局文件当中定义的风格:
Theme(主题)也像风格一样,主题依然在<style>元素里边申明,也可以同样的方式引用。不同的是你通过在AndroidManifest.xml中定义的<application>和<activity>元素将主题添加到整个程序或者某个Activity,但是主题是不能应用在某个单独的View里。
下边是声明主题的一个例子:
注意:我们用了@符号和?符号来应用资源。@符号表明了我们应用的资源是前边定义过的(或者在前一个项目中或者在Android框架中)。问号 ? 表明了我们引用的资源的值在当前的主题当中定义过。通过引用在<item>里边定义的名字可以做到(panelTextColor用的颜色和panelForegroundColor中定义的一样)。这种技巧只能用在XML资源当中。
在manifest当中设置主题: 为了在程序中所有的Activity当中使用主题,你可以打开AndroidManifest.xml文件,编辑<application>标签,让其包含android:theme属性,值是一个主题的名字,如下:
<application android:theme="@style/MyTheme"> ,如果你只是想让你程序当中的某个Activity拥有这个主题,那么你可以修改<activity>标签。
Android 中提供了几种内置的资源,有好几种主题你可以切换而不用自己写。比如你可以用对话框主题来使你的Activity看起来像一个对话框。在manifest中定义如下: <activity android:theme="@android:style/Theme.Dialog">
如果你喜欢一个主题,但是想做一些轻微的改变,你只需要将这个主题添加为父主题。比如我们修改Theme.Dialog主题。我们来继承Theme.Dialog主题来生成一个新的主题。
<style name="MyDialogTheme" parent="@android:style/Theme.Dialog"> , 继承了Theme.Dialog后,我们可以按照我们的要求来调整主题。我们可以修改在Theme.Dialog中定义的每个item元素的值,然后我们在Android Manifest文件中使用MyDialogTheme 而不是Theme.Dialog。
如果需要的话,我们可以在Activity当中通过使用方法setTheme()来加载一个主题。但必须在初始话任何View之前设置主题。比如,在调用setContentView(View) 和 inflate(int,ViewGroup)方法前。这保证系统将当前主题应用在所有的UI界面。
分享到:
相关推荐
六边形主题风格十六进制的Google风格主题。预习 屏幕截图由生成产品特点React灵敏全面响应,移动优先。 没有引导程序,使用现代CSS3 flex!令人印象深刻的导航 手机全屏变形导航内容表优美的模块展开和折叠时自动...
主题Theme就是用来设置界面UI风格,可以设置整个应用或者某个活动Activity的界面风格。在Android SDK中内置了下面的Theme,可以按标题栏Title Bar和状态栏Status Bar是否可见来分类: 代码如下: android:theme=”@...
六边形主题蛇具有较高风格的六边形主题,非常简单又酷!特征百度分析代码突出显示Google Code Prettify Highlight.js( default ) 评论系统(仅目前为Valine) 常规页面档案分类目录标签版权声明Fancybox图片浏览器...
Source Insight4.0暗色主题配置文件,模仿Visual Studio Code的暗色风格,格式为xml,只适用于Source Insight 4.0版本的配置. 目前针对C和C++使用,其它语言未测试。
source insight 4.0高颜值主题(sublime text风格) Step1:安装yahei.ttf Step2:Options->Load Configuration->sublime_style_theme.xml
引导主题机HackerThemes风格化的Bootstrap主题集合该项目包括HackerThemes.com上的所有免费和开源Bootstrap主题。 /dist/下的每个文件夹都是其自己的主题,其中还包括一个小的入门模板。 注意:源不包括网站上的精美...
typora-vue-theme:这是受Vue文档样式启发的typora主题。一个某种Vue文档风格的Typora Markdown编辑器主题
2.holo风格的dialog包含两种holo:Theme.AlertDialogPro.Holo和Theme.AlertDialogPro.Holo.Light只需在style文件中加入alertDialogProTheme属性:<style name="AppTheme" parent="AppBaseTheme"> ... ...
React Native主题系统概述React Native主题系统将功能样式带给react-native。 它受到启发,并使用其比例尺和命名约定。 。 让我们看一下tachyons与传统样式的比较:1.传统react-native风格: import {StyleSheet} ...
PinThis - Pinterest Style WordPress Theme Pinthis - Pinterest风格Wordpress主题" ---------- 泰森云每天更新发布最新WordPress主题、HTML主题、WordPress插件、shopify主题、opencart主题、PHP项目源码、安卓...
您将要与之交互的两个主要目录是styleguide-theme和styles 。 前一个目录是样式指南的页眉和页脚以及可能需要为其主题化的所有静态资源的位置(是的,您可以通过此目录对样式指南进行样式设置)。 请注意,页眉和...
没有统一的设计风格;第二个便是开发者在开发过程中编码的不规范 Android Dev Summit '19 有一场关于 Style 与 Theme 的演讲,它的 我为你整理了每个主题所在的位置 时间 内容 02:14 Styling vs Theme 08:55 Theme...
一款不错的个人博客主题,简洁,可以修改和自定义style.css.做出您自己的博客风格。
style已知问题多个可点击元素点击后会出现蓝色的边框移动端模式下点击热力图可能会导致样式错乱TODO评论自定义菜单更多链接平台支持热力图和底部列表的时区问题Init hugo sitehugo new site mysitecd mysiteInstall ...
这些主题中的大多数都是从发布的开源引导主题改编和/或启发而来的。 安装 pip install ttkbootstrap 示范 您可以通过在python解释器中执行以下代码,在现场演示中查看以下示例 >> from ttkbootstrap import Demo >...
直接在后台主题安装上传 Zip 文件即可使用,也可以手动解压至 wp-content/theme 目录 中文语言包使用了普通的语言风格,如果想使用类似本博客的吐槽风格,请删除或重命名主题目录下的 lang/zh_CN.mo <pre> 为多行...
@import " ../../node_modules/politico-style/scss/base/theme " ; 包括主题的一部分: @import " ../../node_modules/politico-style/scss/base/components/header " ; @import " ../../node_modules/politico-...
Street Style - Fashion & Lifestyle Personal Blog WordPress Theme 街头风格 - 时尚与生活方式个人博客Wordpress主题" ---------- 泰森云每天更新发布最新WordPress主题、HTML主题、WordPress插件、shopify主题、...
1.修改系统默认的Dialog样式(风格、主题)2.自定义Dialog布局文件3.可以自己封装一个类,继承自Dialog或者直接使用Dialog类来实现,为了方便以后重复使用,建议自己封装一个Dialog类 第一步: 我们知道Android...
多主题风格代码demo 本文属代码GG原创,非经本人同意,禁止转载。 需要交流,联系微信:code_gg_boy 更多精彩,时时关注微信公众号code_gg_home ##基本用法 简要说明 Scoops是一个android应用库,主要解决的是多...