макет дизайна в 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>

, так как я новый пользователь, он не позволяет мне размещать выходные изображения. последние две кнопки Ok и home приходят сразу же после таблицы. Я хочу, чтобы они были сдвинуты к экрану (большие и центрированные). Я хочу, чтобы текстовое поле появилось после того, как оставило некоторое пространство в верхней части экрана. как добавить пустое пространство, чтобы оно выглядело лучше, и какие свойства я должен использовать, пожалуйста, предложите мне ..

источник

2012-02-10 Kumar Raja

Дорогой, пожалуйста, напишите возможные царапины (каркасный дизайн) вашего макета. это поможет нам понять ясно. –

Чтобы иметь пробел между виджетами, вы можете использовать атрибут margin. Например, если вы хотите, чтобы у EditText было некоторое пространство наверху, вы можете использовать android:layout_marginTop="5dp". Чтобы установить последние LinearLayout внизу, добавьте android:alignParentBottom="true" и в центр кнопки добавьте к тому же LinearLayout это, android:gravity="center.

источник

2012-02-10 10:02:33 Luksprog

спасибо slukian, еще один глюк у меня есть. как добавить пространство между кнопками Ok и Home, которые находятся в том же линейном макете. Я хочу, чтобы они выглядели несколько больше, а слева и справа заканчивались, я пробовал атрибут гравитации, но почему-то он не работает. –

использование прокладки для расстояния между кнопками – Mal

@ KumarRaja больше в каком смысле, высота, ширина, расстояние между текстом и границами? Вы хотите, чтобы кнопки занимали весь макет? Если у вас есть изображение с макетом, как вы хотите, загрузите его где-нибудь, а затем отредактируйте свое сообщение со ссылкой, чтобы я мог его увидеть. – Luksprog

Чтобы OK и Главная кнопки влево и вправо изменить расположение этих кнопок 2 из Линейных к относительным.

Используйте android:layout_alignParentLeft="true" в кнопке OK и android:layout_alignParentRight="true" в домашней кнопке. удалите все атрибуты силы тяжести в этих двух кнопках.

Надеюсь, это может вам помочь.

источник

2012-02-10 10:37:20

макет дизайна в android

ответ

Смежные вопросы