您的位置:首页 > Web前端 > CSS

样式资源(style)和主题的使用

2013-06-06 15:50 393 查看
下面通过一个实例来演示,定义一个style.xml,然后在布局文件、和Manifest中引用此样式:

activity:

package com.lovo;

import android.app.Activity;
import android.os.Bundle;

public class TestStyleActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.teststyle);
	}
}

样式XML:

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

    <!--
        Base application theme, dependent on API level. This theme is replaced
        by AppBaseTheme from res/values-vXX/styles.xml on newer devices.

    -->
    <style name="AppBaseTheme" parent="android:Theme.Light">
        <!--
            Theme customizations available in newer API levels can go in
            res/values-vXX/styles.xml, while customizations related to
            backward-compatibility can go here.

        -->
    </style>

    <style name="WindowTitleBackground">
        <item name="android:background">@drawable/ic_launcher</item>
    </style>
    <!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">

        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
        <!-- 窗体标题大小 -->
        <item name="android:windowTitleSize">50dp</item>
        <!-- 背景图片 -->
        <item name="android:background">@drawable/about_rabbit</item>
        <!-- 窗体标题背景 -->
        <item name="android:windowTitleBackgroundStyle">@style/WindowTitleBackground</item>
        <!-- true表示指定窗体没有标题栏,false表示有标题栏 -->
        <item name="android:windowNoTitle">false</item>
        <!-- true表示全屏,false表示不全屏 -->
        <item name="android:windowFullscreen">false</item>
    </style>

    <style name="textview_style">
        <item name="android:background">@color/red</item>
        <item name="android:textColor">@color/blue</item>
    </style>

</resources>


布局XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        style="@style/textview_style"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="测试style样式" />

</LinearLayout>


Manifest:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.lovo"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="10" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="测试Style的使用"
        android:theme="@style/AppTheme" > <!-- 应用主题样式 -->
        <activity
            android:name=".TestStyleActivity"
            android:label="测试Style的使用" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>


附上图片效果:

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