Saturday, 23 May 2015

Set color In XML

No comments
In this chapter we learn how to set color using HEX code, its simple way. to set color of textview,text color,searchview,background color,layout color etc. here we take example to set color.

CREATE NEW PROJECT

Step 1: Write code into activity_main.xml

Set color by write direct HEX code:e.g "#ffffff" or RGB "#fff".

<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"
    android:background="#ffffff"
    tools:context=".MainActivity" >

Set layout color:

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="76dp"
        android:background="#aa0000" >

    </LinearLayout>

Set Button text color

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/linearLayout1"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="85dp"
        android:text="Button"
        android:textColor="#0000ff" />

Set text view color:

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="70dp"
        android:background="#00f033"
        android:text="Large Text"
        android:textAppearance="?android:attr/textAppearanceLarge" />


</RelativeLayout>

Step 2: Now Run Your Project:



No comments :

Post a Comment

Follow me Share