Android开发 -- UI界面之threme和style

所属分类: 软件编程 / Android 阅读数: 526
收藏 0 赞 0 分享

Android系统的themes.xml和style.xml(位于\base\core\res\res\values\)包含了很多系统定义好的style,建议在里面挑个合适的,然后再继承修改。

一、threme android中的主题一般用于窗体级别的,用于改变窗体样式

1、Theme:

它的意思为默认状态,即如果theme这里不填任何属性的时候,默认为Theme

1.1、Theme_NoDisplay

它的意思为任何都不显示。比较适用于只是运行了activity,但未显示任何东西。

1.2、Theme_NoTitleBar

意思为:背景主题的没有标题栏的样式,默认如果没有设置的话,显示黑背景

1.3、Theme_NoTitleBar_Fullscreen

意思为:背景主题的没有标题栏且全屏的样式,默认为黑背景

2、Theme_Black:

它的意思为默认状态下黑背景。

2.1、Theme_Black_NoTitleBar:

意思为:黑背景主题的没有标题栏的样式

2.2、Theme_Black_NoTitleBar_Fullscreen

意思为:黑背景主题的没有标题栏且全屏的样式

3、Theme_Light

意思为:默认状态下亮背景,与上述黑背景Theme_Black相反。

3.1、Theme_Light_NoTitleBar

意思为:亮背景主题的没有标题栏的样式,与Theme_Black_NoTitleBar相反

3.2、Theme_Light_NoTitleBar_Fullscreen

意思为:亮背景主题的没有标题栏且全屏显示的样式,与Theme_Black_NoTitleBa_Fullscreenr相反

4、Theme_Dialog

意思为:对话框样式 将整个activity变成对话框样式出现。

5、Theme_InputMethod

6、Theme_Panel

意思为:删除掉所有多余的窗口装饰,在一个空的矩形框中填充内容,作用范围相当于把dialog中的所有元素全部去掉,只是一个空的矩形框,且此为默认的样式。

6.1、Theme_Light_Panel

意思为:删除掉所有多余的窗口装饰,在一个空的矩形框中填充内容,作用范围相当于把dialog中的所有元素全部去掉,只是一个空的矩形框,且默认是light的样式。

7、Theme_Wallpaper

意思为:使用墙纸做主题,默认状态。

7.1、Theme_WallpaperSettings

意思为:使用墙纸做主题,默认是使用将上一个界面调暗之后作为主题

7.2、Theme_Light_WallpaperSettings

意思为:使用墙纸做主题,默认Light状态。

7.3、Theme_Wallpaper_NoTitleBar

意思为:使用墙纸做主题,且没有标题栏

7.4、Theme_Wallpaper_NoTitleBar_Fullscreen

意思为:使用墙纸做主题,且没有标题栏,且全屏显示

8、Theme_Translucent

意思为:半透明状态下的背景,将运行此activity之前的屏幕作为半透明状态作为此activity运行时的样式。

8.1、Theme_Translucent_NoTitleBar

意思为:半透明状态下没有标题栏的背景,将运行此activity之前的屏幕作为半透明状态作为此activity运行时的样式。

8.2、Theme_Translucent_NoTitleBar_Fullscreen

意思为:半透明状态下没有标题栏且全屏的背景,将运行此activity之前的屏幕作为半透明状态作为此activity运行时的样式。

二、style android中的样式一般是用于窗体元素界别的,用于改变控件的样式

理解为将写在控件属性里面的属性,用一个文件给包装起来了!!

样式文件规范:

复制代码 代码如下:
<?xml version="1.0" encoding="utf-8"?> 
<resources> 
  <style name="TextStyle"> 
     <item name="android:textSize">14sp</item> 
     <item name="android:textColor">#fff</item> 
  </style> 
</resources>

就是一个xml,以<resources>开头,定义style节点,在style下定义item每一项。

引用也非常简单,如下:

复制代码 代码如下:
<EditText id="@+id/editText1" 
    style="@style/TextStyle" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Hello, World!" />

以上只是style的一些简单的应用 ,下在将会讲到一个非常实用的知识,也就是style的继承关系。这样才能更好的简化我们代码的工作量,也更利用整个程序逻辑的组建。它的继承关系可以有两种实现的方式:

1. 是通过 parent属性来指定
2. 通过点号来指定

接下来我们分别来举例:我们程序中应用到最多的可能就是TextView了,它可能会有很多种情况 ,比如 作为title,正文,提示等等,而这一些的TextView有他的共同点,也有他们的不同之处。首先我们定义一个通过的style:

复制代码 代码如下:
<style name="TextStyle">
    <item name="android:shadowDx">-0.5</item>
    <item name="android:shadowDy">1</item>
    <item name="android:shadowRadius">0.5</item>
    <item name="android:singleLine">true</item>
    <item name="android:ellipsize">marquee</item>
</style>

以上主要是定义了他的阴影啊,单行啊,超过长度怎么办啊。接下来我们再定义一个title级别的样式,title我们也想要这些属性,那么就得继承它了。首先我们用 parent属性来继承

复制代码 代码如下:
<style name="TextTitle" parent="TextStyle">
    <item name="android:textSize">18sp</item>
    <item name="android:textColor">#fff</item>
    <item name="android:textStyle">bold</item>
</style>

parent属性中跟的就是父类的名称,就样title的阴影 ,字体大小 ,辨色,粗细就一起出来了,而我们不用再去定义title的阴影了。节省了不少的时间。第二种继承是利用parentStyle.childStyle的方式 ,用点号来继承 ,上面的TextTitle我们也可以这样写:

复制代码 代码如下:
<style name="TextStyle.TextTitle">
    <item name="android:textSize">18sp</item>
    <item name="android:textColor">#fff</item>
    <item name="android:textStyle">bold</item>
</style>

这样也能得到预期的效果。这样做不爽的地方 就是名字就长了,我们在引用这个style的时候,就得 style="@style/TextStyle.TextTitle",如果继承的层级越多,这个名字就会越长。

以上就是Android开发UI界面之threme和style的全部内容,希望能给大家一个参考,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Android样式和主题之选择器的实例讲解

今天小编就为大家分享一篇关于Android样式和主题之选择器的实例讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Android应用动态修改主题的方法示例

今天小编就为大家分享一篇关于Android应用动态修改主题的方法示例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter 网络请求框架封装详解

这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Flutter倒计时/计时器的实现代码

这篇文章主要介绍了Flutter倒计时/计时器的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android使用google breakpad捕获分析native cash

这篇文章主要介绍了Android使用google breakpad捕获分析native cash 的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

详解Flutter WebView与JS互相调用简易指南

这篇文章主要介绍了详解Flutter WebView与JS互相调用简易指南,分为JS调用Flutter和Flutter调用JS,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android开发实现ListView和adapter配合显示图片和文字列表功能示例

这篇文章主要介绍了Android开发实现ListView和adapter配合显示图片和文字列表功能,涉及Android使用ListView结合adapter适配器实现图文显示功能相关的布局、解析、权限控制等操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Android文字基线Baseline算法的使用讲解

今天小编就为大家分享一篇关于Android文字基线Baseline算法的使用讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter自定义实现神奇动效的卡片切换视图的示例代码

这篇文章主要介绍了Flutter自定义实现神奇动效的卡片切换视图的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android实现自定义滑动刻度尺方法示例

这篇文章主要给大家介绍了关于Android实现自定义滑动刻度尺的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多