2011年10月21日金曜日

テーマ設定

アンドロイドにはテーマという項目が存在して、テーマを適合するだけで、簡単に目的のインターフェースに近い形でアンドロイドアプリを作成できます。

テーマは次のように設定をする。

1.   <activity android:name=".About"  

2.    android:label="@string/about_title"  

3.    android:theme="@android:style/Theme.WallpaperSettings">  

4.   </activity>  

簡単に設定ができる。

Theme.Black.NoTitleBar.Fullscreen

上のバーとタイトルバーを消してフルスクリーン

1.   <style name="Theme.NoTitleBar.Fullscreen">  

2.    <item name="android:windowFullscreen">true</item>  

3.    <item name="android:windowContentOverlay">@null</item>  

4.   </style>  

Theme_Dialog

ダイアログのような周りはアルファのかかったレイヤー

1.   <style name="Theme.Dialog">  

2.    <item name="android:windowFrame">@null</item>  

3.    <item name="android:windowTitleStyle">@android:style/DialogWindowTitle</item>  

4.    <item name="android:windowBackground">@android:drawable/panel_background</item>  

5.    <item name="android:windowIsFloating">true</item>  

6.    <item name="android:windowContentOverlay">@null</item>  

7.    <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>  

8.    <item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>  

9.    <item name="android:colorBackgroundCacheHint">@null</item>  

10. <item name="textAppearance">@android:style/TextAppearance</item>  

11. <item name="textAppearanceInverse">@android:style/TextAppearance.Inverse</item>  

12. <item name="textColorPrimary">@android:color/primary_text_dark</item>  

13. <item name="textColorSecondary">@android:color/secondary_text_dark</item>  

14. <item name="textColorTertiary">@android:color/tertiary_text_dark</item>  

15. <item name="textColorPrimaryInverse">@android:color/primary_text_light</item>  

16. <item name="textColorSecondaryInverse">@android:color/secondary_text_light</item>  

17. <item name="textColorTertiaryInverse">@android:color/tertiary_text_light</item>  

18. <item name="textColorPrimaryDisableOnly">@android:color/primary_text_dark_disable_only</item>  

19. <item name="textColorPrimaryInverseDisableOnly">@android:color/primary_text_light_disable_only</item>  

20. <item name="textColorPrimaryNoDisable">@android:color/primary_text_dark_nodisable</item>  

21. <item name="textColorSecondaryNoDisable">@android:color/secondary_text_dark_nodisable</item>  

22. <item name="textColorPrimaryInverseNoDisable">@android:color/primary_text_light_nodisable</item>  

23. <item name="textColorSecondaryInverseNoDisable">@android:color/secondary_text_light_nodisable</item>  

24. <item name="textColorHint">@android:color/hint_foreground_dark</item>  

25. <item name="textColorHintInverse">@android:color/hint_foreground_light</item>  

26. <item name="textColorSearchUrl">@android:color/search_url_text</item>  

27. <item name="textAppearanceLarge">@android:style/TextAppearance.Large</item>  

28. <item name="textAppearanceMedium">@android:style/TextAppearance.Medium</item>  

29. <item name="textAppearanceSmall">@android:style/TextAppearance.Small</item>  

30. <item name="textAppearanceLargeInverse">@android:style/TextAppearance.Large.Inverse</item>  

31. <item name="textAppearanceMediumInverse">@android:style/TextAppearance.Medium.Inverse</item>  

32. <item name="textAppearanceSmallInverse">@android:style/TextAppearance.Small.Inverse</item>  

33.</style>  

Theme_Panel

ダイアログと言うより上から薄いレイヤーを重ねる形式

1.   <style name="Theme.Panel">  

2.    <item name="android:windowBackground">@android:color/transparent</item>  

3.    <item name="android:colorBackgroundCacheHint">@null</item>  

4.    <item name="android:windowFrame">@null</item>  

5.    <item name="android:windowContentOverlay">@null</item>  

6.    <item name="android:windowIsFloating">true</item>  

7.    <item name="android:backgroundDimEnabled">false</item>  

8.    <item name="android:windowIsTranslucent">true</item>  

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

10.</style>  

Theme_Translucent

透けてホームの画面が見える形

1.   <style name="Theme.Translucent">  

2.    <item name="android:windowBackground">@android:color/transparent</item>  

3.    <item name="android:colorBackgroundCacheHint">@null</item>  

4.    <item name="android:windowIsTranslucent">true</item>  

5.    <item name="android:windowAnimationStyle">@android:style/Animation</item>  

6.   </style>  

Theme_Wallpaper

壁紙が見えるけど、メニューなどは隠れている状態

1.   <style name="Theme.Wallpaper">  

2.    <item name="android:windowBackground">@android:color/transparent</item>  

3.    <item name="android:colorBackgroundCacheHint">@null</item>  

4.    <item name="android:windowShowWallpaper">true</item>  

5.   </style>  

尚、各ソースに示したstylexmlに関しては

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

2.   <resources>  

3.    <!-- ここにいれると使える。 -->  

4.   </resources>  

として利用ができるが、上記のものに関してはデフォルトで中に入っているので作る必要はない。

 上記以外にもデフォルトで設定ができるようにはなっているが、自分で新しい設定を作成をして汎用性を高くしておくとよいと思う。

テーマで設定できる事はactivity毎に設定ができる為、ページ移動などをする際にレイヤーをかぶせての移動など、(1ページ目は普通、2ページ目はフルスクリーンなどもできる。)より魅力的なインターフェイスで作成する事ができる。

参照:Applying Styles and Themes