Applying Styles on Components

Applying Styles on Components in Android

XML FILE

<?xml version=”1.0″ encoding=”utf-8″?>
<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:tools=”http://schemas.android.com/tools”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:paddingBottom=”@dimen/activity_vertical_margin”
android:paddingLeft=”@dimen/activity_horizontal_margin”
android:paddingRight=”@dimen/activity_horizontal_margin”
android:paddingTop=”@dimen/activity_vertical_margin”
tools:context=”com.example.malik.test.MainActivity”>
<TextView
style=”@style/myStyle1″
android:text=”Large Text”
android:id=”@+id/textView”
android:layout_alignParentTop=”true”
android:layout_alignParentLeft=”true”
android:layout_alignParentStart=”true”
android:layout_marginLeft=”45dp”
android:layout_marginStart=”45dp”
android:layout_marginTop=”41dp” />

<TextView
style=”@style/myStyle1″
android:text=”Large Text”
android:id=”@+id/textView2″
android:layout_below=”@+id/textView”
android:layout_alignLeft=”@+id/textView”
android:layout_alignStart=”@+id/textView”
android:layout_marginTop=”41dp” />

<Button
style=”@style/myStyle2″
android:text=”New Button”
android:id=”@+id/button”
android:layout_centerVertical=”true”
android:layout_alignLeft=”@+id/textView2″
android:layout_alignStart=”@+id/textView2″ />

<Button
style=”@style/myStyle2″
android:text=”New Button”
android:id=”@+id/button2″
android:layout_below=”@+id/button”
android:layout_alignLeft=”@+id/button”
android:layout_alignStart=”@+id/button”
android:layout_marginTop=”45dp” />
</RelativeLayout>

 

style.xml File Inside Value Folder

<resources>
<style name=”myStyle1″>
<item name=”android:textStyle”>bold</item>
<item name=”android:textColor”>#FF0000</item>
<item name=”android:textAppearance”>@android:style/TextAppearance.DeviceDefault.Large</item>
<item name=”android:layout_width”>match_parent</item>
<item name=”android:layout_height”>wrap_content</item>
</style>

<style name=”myStyle2″>
<item name=”android:textStyle”>italic</item>
<item name=”android:textColor”>#008000</item>
<item name=”android:textAppearance”>@android:style/TextAppearance.DeviceDefault.Large</item>
<item name=”android:layout_width”>match_parent</item>
<item name=”android:layout_height”>wrap_content</item>
</style>

</resources>

 

Output :

pic

 

Share

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.