2012-02-10 165 views
1

我已經使用了下面的xml代碼來創建佈局。android中的佈局設計

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/main_layout" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_gravity="center_vertical" > 
<EditText 
    android:id="@+id/entry" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:inputType="phone" /> 
<TableLayout 
    android:id="@+id/table" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/entry" 
    android:stretchColumns="*" > 

    <TableRow> 
     <Button 
      android:id="@+id/zero" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="0" 
      android:clickable="true" 
      android:focusable="true" 
      android:focusableInTouchMode="true" 
      android:gravity="center" 
      android:text="@string/zero" 
      android:textSize="10pt" 
      android:visibility="visible" /> 
     <Button 
      android:id="@+id/one" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="1" 
      android:clickable="true" 
      android:focusable="true" 
      android:focusableInTouchMode="true" 
      android:gravity="center" 
      android:text="@string/one" 
      android:textSize="10pt" 
      android:visibility="visible" /> 
     <Button 
      android:id="@+id/two" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="2" 
      android:clickable="true" 
      android:focusable="true" 
      android:focusableInTouchMode="true" 
      android:gravity="center" 
      android:text="@string/two" 
      android:textSize="10pt" 
      android:visibility="visible" /> 
     <Button 
      android:id="@+id/three" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="3" 
      android:clickable="true" 
      android:focusable="true" 
      android:focusableInTouchMode="true" 
      android:gravity="center" 
      android:text="@string/three" 
      android:textSize="10pt" 
      android:visibility="visible" /> 
     <Button 
      android:id="@+id/four" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="4" 
      android:clickable="true" 
      android:focusable="true" 
      android:focusableInTouchMode="true" 
      android:gravity="center" 
      android:text="@string/four" 
      android:textSize="10pt" 
      android:visibility="visible" /> 
     <Button 
      android:id="@+id/five" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="5" 
      android:clickable="true" 
      android:focusable="true" 
      android:focusableInTouchMode="true" 
      android:gravity="center" 
      android:text="@string/five" 
      android:textSize="10pt" 
      android:visibility="visible" /> 
    </TableRow> 

    <View 
     android:layout_height="2dip" 
     android:background="#FF909090" /> 

    <TableRow> 
     <Button 
      android:id="@+id/six" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="0" 
      android:clickable="true" 
      android:focusable="true" 
      android:focusableInTouchMode="true" 
      android:gravity="center" 
      android:text="@string/six" 
      android:textSize="10pt" 
      android:visibility="visible" /> 
     <Button 
      android:id="@+id/seven" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="1" 
      android:clickable="true" 
      android:focusable="true" 
      android:focusableInTouchMode="true" 
      android:gravity="center" 
      android:text="@string/seven" 
      android:textSize="10pt" 
      android:visibility="visible" /> 
     <Button 
      android:id="@+id/eight" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="2" 
      android:clickable="true" 
      android:focusable="true" 
      android:focusableInTouchMode="true" 
      android:gravity="center" 
      android:text="@string/eight" 
      android:textSize="10pt" 
      android:visibility="visible" /> 
     <Button 
      android:id="@+id/nine" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="3" 
      android:clickable="true" 
      android:focusable="true" 
      android:focusableInTouchMode="true" 
      android:gravity="center" 
      android:text="@string/nine" 
      android:textSize="10pt" 
      android:visibility="visible" /> 
     <Button 
      android:id="@+id/delete" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="4" 
      android:clickable="true" 
      android:focusable="true" 
      android:focusableInTouchMode="true" 
      android:gravity="center" 
      android:text="@string/delete" 
      android:textSize="10pt" 
      android:visibility="visible" /> 
     <Button 
      android:id="@+id/finish" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="5" 
      android:clickable="true" 
      android:focusable="true" 
      android:focusableInTouchMode="true" 
      android:gravity="center" 
      android:text="@string/finish" 
      android:textSize="10pt" 
      android:visibility="visible" /> 
    </TableRow> 
</TableLayout> 

<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/table" 
    android:layout_gravity="center_vertical" 
    android:orientation="horizontal" > 
    <Button 
     android:id="@+id/ok" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="left" 
     android:clickable="true" 
     android:gravity="left" 
     android:text="@string/OK" 
     android:textSize="10pt" 
     android:visibility="visible" /> 
    <Button 
     android:id="@+id/home" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="right" 
     android:clickable="true" 
     android:gravity="center" 
     android:text="@string/home" 
     android:textSize="10pt" 
     android:visibility="visible" /> 
</LinearLayout> 

</RelativeLayout> 

因爲我是一個新用戶,它不會讓我發佈輸出圖像。最後兩個按鈕好了,家就在桌子後面。我希望它們向屏幕方向移動(大而居中)。我想從屏幕頂部留下一些空間後出現文本框。如何添加空白空間以使其看起來更好,以及我應該引用哪些屬性,請給我建議..

+0

親愛的請發佈您的佈局的可能從頭(線框設計)。這將有助於我們清楚地理解。 – 2012-02-10 10:43:17

回答

2

要在小部件之間留出一些空間,您可以使用margin屬性。例如,如果您希望EditText在頂部有一些空間,則可以使用android:layout_marginTop="5dp"。要設置最後的LinearLayout在底部加android:alignParentBottom="true"並將按鈕中心添加到相同的LinearLayout this,android:gravity="center

+0

感謝slukian,我還有一個小故障。如何添加Ok和Home按鈕之間的空間,它們處於相同的線性佈局。我希望它們看起來更大一些,在左右兩端,我已經嘗試了重力屬性,但不知何故它不起作用。 – 2012-02-10 10:20:46

+0

使用填充按鈕之間的間距 – Mal 2012-02-10 10:29:14

+0

@KumarRaja更大的文本和邊界之間的高度,寬度,距離?你想要按鈕佔據整個佈局嗎?如果您有想要的佈局圖片,請將其上傳到某處,然後使用鏈接編輯您的消息,以便我可以看到它。 – Luksprog 2012-02-10 10:39:09

0

爲了OK首頁左側按鈕和直接從線性變化這兩個按鈕的佈局相對

在確定按鈕中使用android:layout_alignParentLeft="true",在主頁按鈕中使用android:layout_alignParentRight="true"。刪除這2個按鈕中的所有重力屬性。

我希望它可以幫助你。