Tuesday, 3 January 2012

Different type of layout example


main.xml  in the layout
this layout is for the Normal Screen

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
       <TextView
            android:id="@+id/textview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Subject" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="   :   " />
        <EditText
            android:id="@+id/Edittext"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@android:color/darker_gray" >
         
            <TableLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"> 
          
                    <TableRow android:layout_margin="5dip" android:gravity="center">
      
                    <Button
                         android:id="@+id/button2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="submit" />
                    <TextView
                        android:text="           "
                            android:gravity="center"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"/>
                    <Button
                        android:id="@+id/button3"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="cancel" />
      
                </TableRow>
            </TableLayout>           

       </LinearLayout>
    <LinearLayout android:id="@+id/linearLayout4"
        android:layout_width="fill_parent"
         android:layout_height="300dip"
        android:layout_below="@+id/linearLayout3"
        android:layout_marginTop="60dp">
  
        <ListView
            android:id="@+id/ListView01"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"/>
    </LinearLayout>
  
</RelativeLayout>



This main.xml is not properly work in the small Screen Resolution.

Small Screen

For that make new folder in the res/layout-small
make main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
       <TextView
            android:id="@+id/textview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Subject" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="   :   " />
        <EditText
            android:id="@+id/Edittext"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@android:color/darker_gray" >
         
            <TableLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"> 
          
                    <TableRow android:layout_margin="5dip" android:gravity="center">
      
                    <Button
                         android:id="@+id/button2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="submit" />
                    <TextView
                        android:text="           "
                            android:gravity="center"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"/>
                    <Button
                        android:id="@+id/button3"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="cancel" />
      
                </TableRow>
            </TableLayout>           

       </LinearLayout>
    <LinearLayout android:id="@+id/linearLayout4"
        android:layout_width="fill_parent"
         android:layout_height="250dip"
        android:layout_below="@+id/linearLayout3"
        android:layout_marginTop="60dp">
  
        <ListView
            android:id="@+id/ListView01"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"/>
    </LinearLayout>
  
</RelativeLayout>






we have Activity Layout

LayoutActivity.java

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class LayoutActivity extends Activity {
    private ListView lv;
    private String arr[]={"Android","iPhone","BlackBerry",};
    @Override
    public void onCreate(Bundle icicle)
    {
    super.onCreate(icicle);
    setContentView(R.layout.main);
    lv=(ListView)findViewById(R.id.ListView01);
   
    lv.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1 , arr));
    }
}

No comments:

Post a Comment