상세 컨텐츠

본문 제목

[Android] 스타일 과 테마

Android 개발

by mobile 2011. 7. 31. 17:10

본문

반응형
스타일은 일부분을 정의 하는 것이고, 테마는 그러한 스타일을 잘 모아서 전체 스타일을 정의하는 것이라고 보면 된다.
스타일은 레이아웃 파일인 main.xml에서 적용하고 싶은 뷰에 선언하며, 테마는 AndroidManifest.xml의 액티비티에 선언한다.

-스타일 적용하기
: 여러 액티비티에서 보여주는 텍스트뷰 등에 일관된 스타일을 적용하고 싶을 때가 있다. 이런 경우에 사용할 수 있는 것이 스타일이다. 원하는 스타일을 미리 작성하고 이를 원하는 뷰에 적용하면 된다.
스타일은 res/values 폴더에 xml 파일을 만들어서 작성 하면 된다.

//styles.xml

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

<resources>

<style name="big_red_font">

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

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

</style>

</resources>

 
스타일을 정의했으면 이 스타일을 원하는 뷰에 선언하기만 하면 된다. 

//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"

    >

<TextView  

    android:layout_width="fill_parent" 

    android:layout_height="wrap_content" 

    android:text="@string/hello"

    />

<TextView 

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/hello"

style="@style/big_red_font"

/>

</LinearLayout> 

 
- 테마 적용하기
 : 테마는 스타일의 묶음이라고 보면된다. 그래서 테마를 적용하기 위해서는 가장 먼저 스타일을 선언해야 한다.
 스타일은 자바 클래스처럼 상속할 수 있다. 가장 기본적인 스타일을 정의하고, 이 스타일을 상속해서 다른 스타일을 만들 수 있다.

//styles.xml

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

<resources>

<style name="big_red_font">

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

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

</style>


<style name="Theme">

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

</style>

<style name="Theme.big" parent="Theme">

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

<item name="android:textStyle">italic</item>

</style>

</resources> 

 
지금 정의한 스타일은 특정 뷰에 적용하는 것이 아닌 액티비티 전체에 적용해야 한다. 정의한 스타일을 테마로 적용하기 위해서는 AndroidManifest.xml에 테마로 정의해야 한다.

//AndroidManifest.xml

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

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

      package="com.chulbeom.cho"

      android:versionCode="1"

      android:versionName="1.0">

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


    <application android:icon="@drawable/icon" android:label="@string/app_name">

        <activity android:name=".DemoAppEx1Activity"

          android:theme="@style/Theme.big"

                  android:label="@string/app_name">

            <intent-filter>

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

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

            </intent-filter>

        </activity>


    </application>

</manifest>

 
<activity>에서 android:theme 에 원하는 스타일을 정의하면 된다. 추가적으로, 테마는 AndroidManifest.xml 가 아닌 자바 코드에서도 정의할 수 있다. 주의할 점은 setContentVeiw() 메소드를 호출하기 전에 setTheme() 메소드를 호출해야 제대로 적용 된다는 점이다.

//DemoAppEx1Activity.java
import android.app.Activity;

import android.os.Bundle;


public class DemoAppEx1Activity extends Activity {

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setTheme(R.style.Theme_big);

        setContentView(R.layout.main);

    }

}

 
[실행화면]
 

- 기본으로 제공되는 주요 테마
1) 다이얼 로그 테마
: 액티비티를 다이얼 로그 모양으로 만들어 주는 테마. 
android:theme="@android:style/Theme.Dialog"
2) 블랙 테마
: 블랙 배경에 뷰들을 표시하는 테마. 
android:theme="@android:style/Theme.Black"
3) 화이트 테마
: 화이트 배경에 뷰를 보여주는 테마.
android:theme="@android:style/Theme.Light"
4) 투명 테마
: 적용된 액티비티의 배경을 투명으로 만들어 주는 테마 
android:theme="@android:style/Theme.Translucent" 
 


반응형

'Android 개발' 카테고리의 다른 글

[Android] Edit Text  (0) 2011.08.09
[Android] Button  (0) 2011.08.03
[Android]자바 코드에서 직접 뷰를 추가하는 방법  (0) 2011.07.31
[Andorid] AutoCompleteTextView  (0) 2011.07.30
[Android] 뷰  (0) 2011.07.26

관련글 더보기

댓글 영역