以编程方式在XML中创建Android布局时的宽度/重量不同

时间:2015-01-13 09:19:25

标签: android android-layout

我想创建具有相同宽度并被拉伸到(匹配)父级的按钮。我需要以编程方式进行。首先,我创建了所需状态的布局草稿(仅关注 绿线 按钮):

enter image description here

<LinearLayout
        android:id="@+id/greenLine"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingBottom="@dimen/button_bottom_padding">

        <!-- This vertical LinearLayout with Button repeats 5x (Each Button has different text and ID) -->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical"
            android:gravity="center|center_horizontal"
            android:paddingLeft="@dimen/button_left_padding"
            android:paddingRight="@dimen/button_right_padding">

            <Button
                android:id="@+id/button"
                android:text="O"
                style="@style/green_button" />
        </LinearLayout>
        <!-- 4 more time -->

    </LinearLayout>

然后我将草稿分解为垂直 LinearLayout并将绿色Button分开。在主要布局中,只有水平greenLine LinearLayout

main.xml中

<LinearLayout
        android:id="@+id/greenLine"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingBottom="@dimen/button_bottom_padding">

    </LinearLayout>

linear_layout_vertical.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center|center_horizontal"
android:paddingLeft="@dimen/button_left_padding"
android:paddingRight="@dimen/button_right_padding"></LinearLayout>

green_button.xml

<Button xmlns:android="http://schemas.android.com/apk/res/android"
style="@style/green_button" />

绿色按钮样式:

<style name="button">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:gravity">center</item>
    <item name="android:shadowColor">@color/black</item>
    <item name="android:shadowDx">0</item>
    <item name="android:shadowDy">0</item>
    <item name="android:shadowRadius">0</item>
</style>

<style name="green_button" parent="button">
    <item name="android:textColor">@drawable/green_button_state</item>
    <item name="android:background">@drawable/green_button</item>
</style>

之后我得到了这个:

enter image description here

这些是我用来创建按钮绿线的功能:

private void _createGreenLine() {

    // Possible values for green line
    String[] values = {"O", "N", "S", "M", "C"};

    for (String value: values) {
        // Layout container
        LinearLayout linearLayout = this._createLinearLayout();
        // Button
        Button button = (Button) this.getLayoutInflater()
                .inflate(R.layout.green_button, null);
        button.setText(value);
        // Button to layout
        linearLayout.addView(button);

        // Layout to green line
        this.greenLine.addView(linearLayout);
    }
}

private LinearLayout _createLinearLayout() {

    return (LinearLayout) this.getLayoutInflater()
            .inflate(R.layout.linear_layout_vertical, null);
}

我还尝试更改新视图的添加(我先添加linearLayout,在greenLine上调用getChildAt并最后添加Button

提前多多感谢。

解决方案:为布局正确显示所做的更改

private LinearLayout _createLinearLayout(ViewGroup root) {

    LinearLayout linearLayout = (LinearLayout) this.getLayoutInflater()
            .inflate(R.layout.linear_layout_vertical, root, false);
    return linearLayout;
}

Button button = (Button) this.getLayoutInflater()
                .inflate(R.layout.green_button, (ViewGroup) linearLayout, false);

了解详情:&lt; Layout Inflation as Intended&gt;

1 个答案:

答案 0 :(得分:2)

您应该使用parent.addView(child)方法

的第二个参数,而不是调用inflate()