您的位置:首页 > 移动开发 > Android开发

android学习笔记---50_样式与主题,给控件使用样式,给应用使用主题

2013-05-18 13:42 411 查看
50_样式与主题

-----------------

android样式和主题(style&theme)

--------------------------------------

1. android中的样式和CSS样式作用相似,都是用于为界面元素定义显示风格,它是一个包含一个或者多个view控件属性的集合。如:需要定义字体的颜色和大小。

在CSS中是这样定义的:

<style>

.itcast{COLOR:#0000CC;font-size:18px;}

</style>

可以像这样使用上面的css样式:<div class="itcast">javaeye</div>

在Android中可以这样定义样式:

在res/values/styles.xml文件中添加以下内容

<?xml version="1.0" encoding="utf-8"?>

<resources>

<style name=“itcast”> <!-- 为样式定义一个全局唯一的名字-->

<item name=“android:textSize”>18px</item> <!-- name属性的值为使用了该样式的View控件的属性 -->

<item name="android:textColor">#0000CC</item>

</style>

</resources>

在layout文件中可以像下面这样使用上面的android样式:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" ....>

<TextView style="@style/itcast"

..... />

</LinearLayout>

-------------------------------------------------------

2.新建android项目:style

---------------------

a.样式:应用在具体的某个控件上。

/style/res/values/styles.xml

<?xml version="1.0" encoding="utf-8"?>

<resources>
<style name="textViewStyle"><!-- 给样式定义名称 -->

<!-- 这里为main.xml文件中的TextView控件定义样式,

android:textSize: 指定属性的名称

android:textColor:指定文本颜色

定义完成之后就可以在main.xml中使用该样式了。

使用的时候:style="@style/childStyle.lidewei" 这里是要使用的样式的名字:childStyle.lidewei

-->。

<item name="android:textSize">22sp</item>

<item name="android:textColor">#FF0000</item>

</style>

<style name="childStyle" parent="textViewStyle">

<!-- 这里可以使用子样式继承父样式的内容。 -->

<item name="android:layout_width">fill_parent</item>

<item name="android:layout_height">wrap_content</item>

<item name="android:textColor">#00FF00</item>

</style>

<style name="childStyle.lidewei">

<!-- 这里是子样式继承父样式的第二种方法 lidewei是子样式的名字。childStyle是父样式的名字,用.号连接

lidewei继承childStyle,childStyle又继承textViewStyle样式

-->

<item name="android:textColor">#0000FF</item>

</style>

<style name="credreamTheme">

<item name="android:windowNoTitle">true</item>

<item name="android:windowFullscreen">?android:windowNoTitle</item>

<!-- 注意这里?android:windowNoTitle这句代码的意思是:这个属性的值引用的android:windowNoTitle这个属性,?android:windowNoTitle

这个属性为true这个android:windowFullscreen属性也为true,为false这个属性也为false。改了android:windowNoTitle这个属性

那么该属性也会跟着变 -->

<item name="android:textSize">18sp</item>

<!-- 设置该窗口中的显示的文字大小,和文字颜色 -->

<item name="android:textColor">#FFFFFF</item>

</style>

</resources>

----------------------------------------------

/style/res/layout/main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<!-- 使用样式的方法

style="@style/textViewStyle"

style="@style/childStyle"

style="@style/childStyle.lidewei" -->

<TextView

style="@style/childStyle.lidewei"

android:text="@string/hello"

/>

</LinearLayout>

-------------------------------------

b.主题应用与整个应用,或者单个activity。

也是在values文件夹下style.xml文件中定义:这里不一定就叫style.xml也可以起其他名字

---------------------------------------------------------

<?xml version="1.0" encoding="utf-8"?>

<resources>
<style name="textViewStyle"><!-- 给样式定义名称 -->

<!-- 这里为main.xml文件中的TextView控件定义样式,

android:textSize: 指定属性的名称

android:textColor:指定文本颜色

定义完成之后就可以在main.xml中使用该样式了。

使用的时候:style="@style/childStyle.lidewei" 这里是要使用的样式的名字:childStyle.lidewei

-->。

<item name="android:textSize">22sp</item>

<item name="android:textColor">#FF0000</item>

</style>

<style name="childStyle" parent="textViewStyle">

<!-- 这里可以使用子样式继承父样式的内容。 -->

<item name="android:layout_width">fill_parent</item>

<item name="android:layout_height">wrap_content</item>

<item name="android:textColor">#00FF00</item>

</style>

<style name="childStyle.lidewei">

<!-- 这里是子样式继承父样式的第二种方法 lidewei是子样式的名字。childStyle是父样式的名字,用.号连接

lidewei继承childStyle,childStyle又继承textViewStyle样式

-->

<item name="android:textColor">#0000FF</item>

</style>

<style name="credreamTheme">

<item name="android:windowNoTitle">true</item>

<item name="android:windowFullscreen">?android:windowNoTitle</item>

<!-- 注意这里?android:windowNoTitle这句代码的意思是:这个属性的值引用的android:windowNoTitle这个属性,?android:windowNoTitle

这个属性为true这个android:windowFullscreen属性也为true,为false这个属性也为false。改了android:windowNoTitle这个属性

那么该属性也会跟着变 -->

<item name="android:textSize">18sp</item>

<!-- 设置该窗口中的显示的文字大小,和文字颜色 -->

<item name="android:textColor">#FFFFFF</item>

</style>

</resources>

-------------------------------------------------------------

/style/AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.credream.style"

android:versionCode="1"

android:versionName="1.0" >
<uses-sdk android:minSdkVersion="8" />
<application

android:icon="@drawable/ic_launcher"

android:label="@string/app_name"

android:theme="@style/credreamTheme"

><!--

android:theme="@style/credreamTheme"这句话写到application节点下,代表该主题对整个应用都生效

android:theme="@style/credreamTheme"这句代码写到activity节点下代表该主题只针对这个activity生效 -->

<activity

android:label="@string/app_name"

android:name=".StyleActivity" >

<intent-filter >

<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />

</intent-filter>

</activity>

</application>
</manifest>

--------------------------------------------------------

c.这里主题,主要设置窗口的样式,没有标题,并且全屏显示

-------------------------------------------------------------

d.注意当主题里面的样式和控件属性的样式冲突的时候,它让控件属性的样式优先显示。

--------------------------------------------------------------------------------
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐