web-dev-qa-db-ja.com

Android TableLayoutの列の幅が1行に異なる

最初の複雑なGUIを実行しようとしていますが、現在、この問題を解決できません。

enter image description here

最初の2行の最初の列にはラベルのみを含める必要があり、最初の2行の2番目の列は残りのスペースを占める必要があります。

このスナップショットで私が気付いた問題は、最初の列が私が望むよりも大きいことです。

これは、そのレイアウトを実装するコードです。

...
...

<TableLayout 
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content" 
        Android:layout_margin="5dp"
        Android:background="@drawable/linear_layout_background"
        Android:stretchColumns="*"
        Android:shrinkColumns="*">

       <TableRow
        Android:id="@+id/tableRow1"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_margin="20dp" >

        <TextView
            Android:id="@+id/textViewPlateValueLabel"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:text="@string/plateValue"
            Android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            Android:id="@+id/productID"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:background="@drawable/back"
            Android:ems="5"
            Android:text="@string/blank"
            Android:textAppearance="?android:attr/textAppearanceLarge" />

        </TableRow>

       <TableRow
        Android:id="@+id/tableRow2"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_margin="20dp" >

           <TextView
            Android:id="@+id/ztlLabel"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:text="@string/ztl"
            Android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            Android:id="@+id/ztlShow"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:background="@drawable/back"
            Android:text="@string/blank"
            Android:textAppearance="?android:attr/textAppearanceLarge" />

       </TableRow>

       <TableRow
        Android:id="@+id/tableRow3"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_margin="20dp"
        Android:gravity="center" >

           <TextView
            Android:id="@+id/isAllowed"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:text="@string/blank"
            Android:background="@drawable/back"
            Android:textAppearance="?android:attr/textAppearanceLarge" />

            </TableRow>

   </TableLayout>
   ...
   ...

また、実際には実用的ではないので、これよりも最善の方法についてアドバイスをお願いしたいと思います。

androidandroid-layoutandroid-tablelayout
7
paolo2988

次のようにlayout_weightを使用してみてください。

   <LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:tools="http://schemas.Android.com/tools"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:paddingBottom="@dimen/activity_vertical_margin"
    Android:paddingLeft="@dimen/activity_horizontal_margin"
    Android:paddingRight="@dimen/activity_horizontal_margin"
    Android:paddingTop="@dimen/activity_vertical_margin"
    Android:orientation="horizontal"
    tools:context=".MainActivity" >

   <TableLayout 
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content" 
        Android:layout_margin="5dp"
        Android:background="#ff00ff"
        Android:stretchColumns="*"
        Android:shrinkColumns="*">

       <TableRow
        Android:id="@+id/tableRow1"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_margin="5dp" >

        <TextView
            Android:id="@+id/textViewPlateValueLabel"
            Android:layout_weight="3"
            Android:layout_width="0dp"
            Android:layout_height="wrap_content"
            Android:text="Label1:"
            Android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            Android:id="@+id/productID"
            Android:layout_weight="7"
            Android:layout_width="0dp"
            Android:layout_height="wrap_content"
            Android:background="#00ff00"
            Android:ems="5"
            Android:text="Some Text"
            Android:textAppearance="?android:attr/textAppearanceLarge" />

        </TableRow>

       <TableRow
        Android:id="@+id/tableRow2"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_margin="5dp" >

           <TextView
            Android:layout_weight="3"
            Android:id="@+id/ztlLabel"
            Android:layout_width="0dp"
            Android:layout_height="wrap_content"
            Android:text="Label2:"
            Android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            Android:layout_weight="7"
            Android:id="@+id/ztlShow"
            Android:layout_width="0dp"
            Android:layout_height="wrap_content"
            Android:background="#00ff00"
            Android:text="Some Text"
            Android:textAppearance="?android:attr/textAppearanceLarge" />

       </TableRow>

       <TableRow
        Android:id="@+id/tableRow3"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_margin="20dp"
        Android:gravity="center" >

           <TextView
            Android:id="@+id/isAllowed"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:text="Some Text"
            Android:background="#0088ff"
            Android:textAppearance="?android:attr/textAppearanceLarge" />

            </TableRow>

   </TableLayout>

</LinearLayout>
13
CanDroid

もし私があなたなら、TableLayoutは使いません。私はおそらくLinearLayoutまたはRelativeLayoutを使用します。一部のXML属性でも同じ効果を得ることができます。これは、HTMLのtable属性を使用するのと、divsを使用してテーブルをシミュレートするのと同じです。

したがって、テーブルの代わりに、LinearLayout内にLinearLayoutを配置して、テーブルをシミュレートできます。

1
i41

canDroid で十分な場合もありますが、うまくいきませんでした。TableLayoutを機能させるためにあらゆる種類のトリックを試しました。 LinearLayoutの方がはるかに使いやすいことがわかりました。これは、TableLayoutを使用したLinearLayoutの「類似」レイアウトの例で、サムネイルのあるセルとないセルがいくつかあります。

<LinearLayout
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:orientation="vertical">

    <LinearLayout
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:orientation="horizontal"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="0dp">

        <TextView
            Android:id="@+id/textView3"
            Android:layout_width="match_parent"
            Android:layout_height="94dp"
            Android:layout_margin="5dp"
            Android:text="@string/nut1" />
    </LinearLayout>

    <View
        Android:layout_width="395dp"
        Android:layout_height="2dp"
        Android:background="@color/colorPrimary"
        tools:layout_editor_absoluteX="8dp"
        tools:layout_editor_absoluteY="0dp" />

    <LinearLayout
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:orientation="horizontal"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="0dp">

        <ImageView
            Android:layout_width="94dp"
            Android:layout_height="94dp"
            Android:adjustViewBounds="false"
            Android:background="@drawable/one"
            Android:contentDescription="@string/nut3"
            Android:cropToPadding="false"
            Android:saveEnabled="false"
            Android:scaleType="center" />

        <TextView
            Android:id="@+id/textView1"
            Android:layout_width="match_parent"
            Android:layout_height="94dp"
            Android:layout_margin="10dp"
            Android:text="@string/nut3" />
    </LinearLayout>
</LinearLayout>
0
Idan