スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

共通のスタイルを使用する

Androidで、共通のスタイルを使用したい場合は、xmlファイルにスタイルを定義し、
そのスタイルを各部品で定義するとよい。

<スタイルの xmlファイル>・・・「res/values」配下に置く。
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="txt_style01">
<item name="android:textSize">20sp
<item name="android:textColor">#EE0000
</style>
<style name="txt_style02">
<item name="android:textSize">16sp
<item name="android:textColor">#CCCCCC
<item name="android:paddingLeft">20dp
</style>

<style name="txt_style03" parent="txt_style02">
<item name="android:paddingLeft">40dp
<item name="android:background">#666699
</style>
</resources>


上記スタイルの「txt_style03」のように、「txt_style02」を継承することも可能。


<画面レイアウト>
<?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 style="@style/txt_style01"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:text="見出し1" />

<TextView style="@style/txt_style02"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:text="項目1" />
<TextView style="@style/txt_style02"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:text="項目2" />
<TextView style="@style/txt_style02"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:text="項目3" />

<TextView style="@style/txt_style01"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:text="見出し2" />

<TextView style="@style/txt_style02"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:text="項目1" />
<TextView style="@style/txt_style02"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:text="項目2" />
<TextView style="@style/txt_style03"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:text="詳細内容" />

</LinearLayout>



【画面イメージ】
スタイル画面イメージ
スポンサーサイト

コメント

非公開コメント

検索フォーム


カテゴリ
全記事表示リンク

全ての記事を表示する

広告
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。