0

以下のレイアウトをActivity2x2形式のタイトルと4つのボタンだけで作成しました。

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/layout_main"
    android:gravity="center"
    android:background="@drawable/bgr_main">

<TableRow android:gravity="center_horizontal" >
    <ImageView
        android:id="@+id/img_qtitle"
        android:contentDescription="@string/qtitle_desc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/app_title" />
</TableRow>

<TableRow android:gravity="center_horizontal" >
    <Button
        android:id="@+id/button_showlist"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dip"
        android:background="@drawable/button_list"
        android:onClick="showList" />

    <Button
        android:id="@+id/button_playrandom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dip"
        android:background="@drawable/button_play"
        android:onClick="playRandom" />     
</TableRow>

<TableRow android:gravity="center_horizontal" >
    <Button
        android:id="@+id/button_playfav"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dip"
        android:background="@drawable/button_fav"
        android:onClick="playLastFav" />

    <Button
        android:id="@+id/button_showmore"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dip"
        android:background="@drawable/button_more"
        android:onClick="showMore" />       
</TableRow> 
</TableLayout >

タイトル画像は、行のいくつかのボタン（およびパディング）ほど広くはありません。私の問題は、各行の最初のボタンの画像が水平方向に引き伸ばされて表示されることです。非対称テーブルを正規化する方法は何ですか？

v.2gopherの後

<TableLayout  xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/layout_main"
    android:gravity="center"
    android:background="@drawable/bgr_main">

<TableRow android:gravity="center_horizontal" >
    <ImageView
        android:id="@+id/img_qtitle"
        android:contentDescription="@string/qtitle_desc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/quieto_title" />
</TableRow>

<TableRow android:gravity="center_horizontal" >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <Button
        android:id="@+id/button_showlist"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:layout_margin="5dip"
        android:background="@drawable/button_list"
        android:onClick="showList" />   

    <Button
        android:id="@+id/button_playrandom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:layout_margin="5dip"
        android:background="@drawable/button_play"
        android:onClick="playRandom" />
    </LinearLayout> 
</TableRow>

<TableRow android:gravity="center_horizontal" >    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <Button
        android:id="@+id/button_playfav"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dip"
        android:layout_gravity="left"
        android:background="@drawable/button_fav"
        android:onClick="playLastFav" />

    <Button
        android:id="@+id/button_showmore"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:layout_margin="5dip"
        android:background="@drawable/button_more"
        android:onClick="showMore" />
    </LinearLayout> 
</TableRow> 
</TableLayout >

それはうまくいきます！Eclipseは「このLinearLayoutレイアウトまたはそのTableRow親は役に立たない」と言っていますが、私にとっては問題ありません。私はクライアントに伝えません！

4

1 に答える 1

2

あなたが見ているもののスクリーンショットが役に立ちます。

ImageViewがテーブル全体を埋めていない

tablelayoutプロパティでandroid:stretchColumns="*"、列を伸ばしてテーブルを埋めることができるように指定してみてください。すべての列が（*が示すように）引き伸ばされることが許可されている場合、それらは均等になるように引き伸ばされると思います（同じ量のスペースを占有します）。

ボタンが引き伸ばされている

どちらが通常あなたが望むものを達成するかを指定layout_width="wrap_content"しましたが、テーブルレイアウトの場合、幅を指定することはできません。これは、TableRowandroidのドキュメントからのものです。

The children of a TableRow do not need to specify the layout_width and layout_height attributes in the XML file. TableRow always enforces those values to be respectively MATCH_PARENT and WRAP_CONTENT.

したがって、テーブル行に別のコンテナを配置し、そのコンテナにボタンを配置し、ボタンを折り返して中央に揃えるように設定する必要があります。このようなものが機能するはずです：

<TableRow ...>
    <!-- Create a container -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!-- Place button inside Container -->
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            <!-- Place button in the middle of the container -->
            android:layout_gravity="center"
            .../>
   </LinearLayout>
</TableRow>
于 2012-05-04T13:49:00.137 に答える