0

我确实有一个视图，看起来像这样的atm：

在此处输入图像描述

我希望前 3 个黑色行填充约 70% 的屏幕。不管屏幕尺寸是多少。我以为我可以通过为布局分配权重来实现它，似乎并不那么容易。正如你所看到的，我用按钮实现了它，它们总是拉伸到宽度。

所以，这是我的 xml 代码：

 <LinearLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"        
    android:orientation="vertical" 
    android:id="@+id/main"
    android:weightSum="10" //mean summary 100%

    > 
<LinearLayout
    android:id="@+id/lin1"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:orientation="horizontal"
    android:weightSum="3"    
    android:layout_weight="2.3"   //23% for each row 
     >
    <Button
        android:id="@+id/button1"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_marginRight="2dp"
        android:layout_weight="1" 
        android:background="@drawable/greenbtn"
        android:onClick="onClick"
        android:text="Layout Normal" />

    <Button
        android:id="@+id/button2"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_marginRight="2dp"
       android:layout_weight="1" 
        android:background="@drawable/greenbtn"
        android:onClick="onClick"
        android:text="Pad2" />

    <Button
        android:id="@+id/button3"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="1" 
        android:background="@drawable/greenbtn"
        android:onClick="onClick"
        android:text="Pad3" />
</LinearLayout>

<LinearLayout
    android:id="@+id/lin2"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_marginTop="2dp"
    android:orientation="horizontal"
    android:weightSum="3" 
    android:layout_weight="2.3" >

    <Button
        android:id="@+id/button4"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_marginRight="2dp"
        android:layout_weight="1"
        android:background="@drawable/greenbtn"
        android:onClick="onClick"
        android:text="Pad4" />

    <Button
        android:id="@+id/button5"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_marginRight="2dp"
        android:layout_weight="1"
        android:background="@drawable/greenbtn"
        android:onClick="onClick"
        android:text="Pad5" />

    <Button
        android:id="@+id/button6"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/greenbtn"
        android:onClick="onClick"
        android:text="Pad6" />
</LinearLayout>



<LinearLayout
    android:id="@+id/lin3"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_below="@id/lin2"
    android:orientation="horizontal"
    android:weightSum="3"
    android:layout_weight="2.3"  >

    <Button
        android:id="@+id/button7"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_marginRight="2dp"
        android:layout_weight="1"
        android:background="@drawable/greenbtn"
        android:onClick="onClick"
        android:text="Pad7" />


    <Button
        android:id="@+id/button8"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_marginRight="2dp"
        android:layout_weight="1"
        android:background="@drawable/greenbtn"
        android:onClick="onClick"
        android:text="Pad8" />

    <Button
        android:id="@+id/button9"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/greenbtn"
        android:onClick="onClick"
        android:text="Pad9" />
</LinearLayout>

    <LinearLayout
    android:id="@+id/lin5"
    android:layout_width="fill_parent"
    android:layout_below="@id/lin3"
    android:layout_height="60dp"
    android:layout_marginBottom="5dp"
    android:layout_marginTop="10dp"
    android:orientation="horizontal"
    android:layout_weight="2.1"  > //21% for toggles

    <ToggleButton
        android:id="@+id/toggleButton1"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:onClick="onClick"
        android:textOff="Loop1 Off"
        android:textOn="Loop1 ON" />

    <ToggleButton
        android:id="@+id/toggleButton2"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:onClick="onClick"
        android:textOff="Loop2 Off"
        android:textOn="Loop2 ON" />

    <ToggleButton
        android:id="@+id/toggleButton3"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:onClick="onClick"
        android:textOff="Loop3 Off"
        android:textOn="Loop3 ON" />

    <ToggleButton
        android:id="@+id/toggleButton4"
        android:layout_width="0dip"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:onClick="onClick"
        android:textOff="Loop4 Off"
        android:textOn="Loop4 ON" />
</LinearLayout>


<LinearLayout
    android:id="@+id/lin6"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
     android:layout_weight="1"       //10% for webview
     >

    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="50dp"

    />
</LinearLayout>
</LinearLayout>

如您所见，在我的想法中，我为每个黑色行分配了 23% 的屏幕（23x3=69%），用于切换 21%，用于 webview 10%。

任何帮助将非常感激。

4

2 回答 2

1

@Daler 您正在尝试使用重量来平衡高度，因此您必须将 layout_height 设置为 0dp

另外，在我看来，您使用的 LinearLayout 太多了，也许您可​​以消除一些以节省内存、处理时间和响应能力。我猜是这样的：

<Linear Layout - vertical - match_parent >

   // 0.269 * 3 = 0.7
   <linear layout 1 - horizontal weight = 0.269 layout_height=0dp> the three views </>
   <linear layout 2 - horizontal weight = 0.269 layout_height=0dp> the three views </>
   <linear layout 3 - horizontal weight = 0.269 layout_height=0dp> the three views </>
    // the other 30%
   <linear layout 4 - horizontal weight = 0.15 layout_height=0dp> the three views </>
   <linear layout 5 - horizontal weight = 0.15 layout_height=0dp> the three views </>


</end the top linear layout>

假设黑色区域的 3 行应该是 70%。这就是我从你的形象中理解的。

于 2013-01-09T12:27:07.380 回答
0

如果你把

 android:layout_weight="1"

并且您的 weightSum 为 10，那么默认情况下将占用 90%。如果您想在任何布局上仅以 10% 显示您的按钮，则必须将 weight 属性设置为 9（如果 weightsum 为 10）。

有关 WeightSum 和 Weight Attributes 的更多说明，请参阅此处 。希望它会有所帮助。

于 2013-01-09T12:24:09.093 回答