android中的布局设计

我已经使用了下面的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>

因为我是一个新用户，它不会让我发布输出图像。最后两个按钮好了，家就在桌子后面。我希望它们向屏幕方向移动（大而居中）。我想从屏幕顶部留下一些空间后出现文本框。如何添加空白空间以使其看起来更好，以及我应该引用哪些属性，请给我建议..

来源

2012-02-10 Kumar Raja

亲爱的请发布您的布局的可能从头（线框设计）。这将有助于我们清楚地理解。 – 2012-02-10 10:43:17

要在小部件之间留出一些空间，您可以使用margin属性。例如，如果您希望EditText在顶部有一些空间，则可以使用android:layout_marginTop="5dp"。要设置最后的LinearLayout在底部加android:alignParentBottom="true"并将按钮中心添加到相同的LinearLayout this，android:gravity="center。

来源

2012-02-10 10:02:33 Luksprog

感谢slukian，我还有一个小故障。如何添加Ok和Home按钮之间的空间，它们处于相同的线性布局。我希望它们看起来更大一些，在左右两端，我已经尝试了重力属性，但不知何故它不起作用。 – 2012-02-10 10:20:46

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

@KumarRaja更大的文本和边界之间的高度，宽度，距离？你想要按钮占据整个布局吗？如果您有想要的布局图片，请将其上传到某处，然后使用链接编辑您的消息，以便我可以看到它。 – Luksprog 2012-02-10 10:39:09

为了OK和首页左侧按钮和直接从线性变化这两个按钮的布局相对。

在确定按钮中使用android:layout_alignParentLeft="true"，在主页按钮中使用android:layout_alignParentRight="true"。删除这2个按钮中的所有重力属性。

我希望它可以帮助你。

来源

2012-02-10 10:37:20

android中的布局设计

回答

相关问题