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

时间:2021-03-22 封宸落宇人气:0

想了解Android开发 -- UI界面之threme和style的相关内容吗，封宸落宇在本文为您仔细讲解Android开发UI界面的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：Android,UI,threme,style，下面大家一起来学习吧。

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的全部内容，希望能给大家一个参考，也希望大家多多支持。

加载全部内容