Loading

Saturday, September 3, 2011

Apply style on Text

Apply style on Text



To create our own style, create a XML file /res/values/style.xml.


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

<resources>

<style name="mystyle">

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

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

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

<item name="android:typeface">monospace</item>

</style>

<style name="mystyle.20dp">

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

</style>

<style name="mystyle.30dp">

<item name="android:textSize">30dp</item>

</style>

<style name="mystyle.20dp.bold">

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

</style>

</resources>







Then, we can refer it in our layout, main.xml. Android also pre-defined some style for using.


<?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

style="@style/mystyle"

android:text="mystyle"

/>

<TextView

style="@style/mystyle.20dp"

android:text="mystyle.20dp"

/>

<TextView

style="@style/mystyle.20dp.bold"

android:text="mystyle.20dp.bold"

/>

<TextView

style="@style/mystyle.30dp"

android:text="mystyle.30dp"

/>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

style="@android:style/TextAppearance"

android:text="Android build-in style: TextAppearance"

/>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="@android:color/background_light"

style="@android:style/TextAppearance.Inverse"

android:text="Android build-in style: TextAppearance.Inverse"

/>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

style="@android:style/TextAppearance.Small"

android:text="Android build-in style: TextAppearance.Small"

/>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

style="@android:style/TextAppearance.Medium"

android:text="Android build-in style: TextAppearance.Medium"

/>

<TextView

android:layout_width="fill_parent"

android:layout_height="wrap_content"

style="@android:style/TextAppearance.Large"

android:text="Android build-in style: TextAppearance.Large"

/>

</LinearLayout>







SHARE TWEET

Thank you for reading this article Apply style on Text With URL http://x-tutorials.blogspot.com/2011/09/apply-style-on-text.html. Also a time to read the other articles.

0 comments:

Write your comment for this article Apply style on Text above!