Better layout for the new mobile dictionary app

 

How to do it in Android? First, we need to set the layout to the screen.

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:background="@drawable/bd"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:stretchColumns="1"
       >
    <TableRow>
        <TextView android:text="Perkataan Melayu"
            android:textColor="#ffffff"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
    </TableRow>
    <TableRow>
        <EditText android:text=""
            android:layout_column="0"
            android:id="@+id/txtmelayu"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
        <Button android:text="Cari"
            android:layout_column="2"
            android:id="@+id/btncari"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </TableRow>>
    <TableRow>   
            <TextView android:text="Bahasa Inggeris papar di sini"
            android:id="@+id/tveng"
            android:textColor="#ffffff"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
           
            <Button android:text=""
            android:layout_column="2"
            android:drawableLeft="@drawable/sound"
            android:id="@+id/btnsebutan1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            />

   
    </TableRow>
    <TableRow>
        <TextView android:text="Bahasa Arab papar di sini"
            android:id="@+id/tvarab"
            android:textColor="#ffffff"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
            <Button android:text=""
            android:layout_column="2"
            android:drawableLeft="@drawable/sound"
            android:id="@+id/btnsebutan"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            />
           
</TableRow>
   
    <LinearLayout android:gravity="center_horizontal">
                <Button android:text="Muat turun imej"
               android:id="@+id/btndownimej"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
             />
    </LinearLayout>
   
    <TableRow android:gravity="center_horizontal">
        <ImageView
        android:id="@+id/image1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        />
    </TableRow>

</TableLayout>