Android tablelayout и размер кнопки

вот моя проблема: я хочу сделать макет, похожий на эту сетку в android :

enter image description here

Для этого я создал этот макет:

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


    <TableLayout
    android:id="@+id/tableLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_weight="0.3">

        <Button
            android:id="@+id/clientimain"
            android:layout_width="0dip"
            android:layout_weight="1" android:layout_height="fill_parent"/>



        <Button
            android:id="@+id/button1"
            android:layout_width="0dip"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text="Button" />

     </TableRow>

     <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.3" >

        <Button
            android:id="@+id/button2"
            android:layout_width="0dip"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text="Button"/>

        <Button
            android:id="@+id/button6"
            android:layout_width="0dip"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text="Button" />

    </TableRow>

    <TableRow
        android:id="@+id/tableRow3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.3" >

        <Button
            android:id="@+id/button3"
            android:layout_width="0dip"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text="Button"
             />

        <Button
            android:id="@+id/button7"
            android:layout_width="0dip"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text="Button"
             />

    </TableRow>

   </TableLayout>

   </RelativeLayout>

Итак, в основном он состоит из 6 кнопок в макете таблицы с правильно установленным свойством веса (или я надеюсь на это!). Результат выглядит хорошо, пока я не попробую установить свойство фона для каждой кнопки. В этом случае кнопка принимает высоту изображения, которое вставлено (ширина в порядке). Например, если я установил фоновое изображение размером 96 x 96 пикселей, результат будет выглядеть следующим образом:

enter image description here

Есть ли способ предотвратить «растягивание» этой кнопки и правильно центрировать изображение? Я попытался изменить свойство высоты для каждой строки таблицы, чтобы изменить свойство максимальной высоты кнопки, а также изменить тип кнопки с помощью imagebutton (и установить свойство src с нужным значком), но я не достиг желаемого результата .
Я также написал документацию Google о поддержке нескольких экранов и о каждом базовом макете, но я не нашел никакого решения. Заранее спасибо всем, кто хотел бы мне помочь!

Андреа

6
задан Yury 9 February 2012 в 23:26
поделиться