如何构建一个单独的android小部件，当拉伸时，它会显示更多的按钮？

Question

我需要启动一个按钮小部件。一旦启动，当我拉伸宽度时，我希望能够显示更多的两个按钮。与下图相似。我将从小部件[A]开始。一旦我伸展，我希望能够看到[B]和[C]。当我调整大小时，我希望只显示单个小部件。我想避免构建两个不同的小部件。我尝试根据小部件宽度的调整来更改其他两个按钮的可见性。

布局大小1*3网格。当我隐藏这两个按钮时，我留下了2个网格的空白空间。

谢谢你的帮助！

重写fun onAppWidgetOptionsChanged（context：context？,AppWidgetManager：AppWidgetManager？,AppWidgetId：Int,NewOptions：Bundle？）{val remoteViews=remoteViews（context？.packagename,r.layout.coffee_logger_widget)

    val minWidth = newOptions?.getInt(AppWidgetManager.OPTION_APPWIDGET_MIN_WIDTH)
    val maxWidth = newOptions?.getInt(AppWidgetManager.OPTION_APPWIDGET_MAX_WIDTH)
    val minHeight = newOptions?.getInt(AppWidgetManager.OPTION_APPWIDGET_MIN_HEIGHT)
    val maxHeight = newOptions?.getInt(AppWidgetManager.OPTION_APPWIDGET_MAX_HEIGHT)

    if (minWidth != null) {
        if (minWidth > 100) {
            remoteViews.setViewVisibility(R.id.espresso_button, View.VISIBLE)
            remoteViews.setViewVisibility(R.id.long_button, View.VISIBLE)
        } else {
            remoteViews.setViewVisibility(R.id.espresso_button, View.GONE)
            remoteViews.setViewVisibility(R.id.long_button, View.GONE)
        }
    }

    appWidgetManager?.updateAppWidget(appWidgetId, remoteViews)

}

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/widget_layout"
android:orientation="vertical"
android:gravity="center"
android:animateLayoutChanges="true"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/background"
android:padding="@dimen/widget_margin">

<TextView style="@style/WidgetButtonVerticalSpace" />

<TextView
    android:id="@+id/appwidget_text"
    style="@style/WidgetTextView.Big" />

<TextView
    style="@style/WidgetTextView"
    android:text="@string/grams" />

<TextView style="@style/WidgetButtonVerticalSpace" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <TextView style="@style/WidgetButtonHorizontalSpace" />

    <LinearLayout
        android:id="@+id/ristretto_button"
        style="@style/WidgetBeverageButton" >

        <ImageView
            style="@style/WidgetButtonImage"
            android:src="@drawable/ic_ristretto" />
        <TextView
            style="@style/WidgetButtonText"
            android:text="@string/ristretto_short" />
    </LinearLayout>

    <TextView style="@style/WidgetButtonHorizontalSpace" />


    <LinearLayout
        android:id="@+id/espresso_button"
        android:visibility="gone"
        style="@style/WidgetBeverageButton"
        tools:visibility="visible">

        <ImageView
            style="@style/WidgetButtonImage"
            android:src="@drawable/ic_espresso" />
        <TextView
            style="@style/WidgetButtonText"
            android:text="@string/espresso_short" />

    </LinearLayout>

    <TextView style="@style/WidgetButtonHorizontalSpace" />

    <LinearLayout
        android:id="@+id/long_button"
        android:visibility="gone"
        style="@style/WidgetBeverageButton"
        tools:visibility="visible">

        <ImageView
            style="@style/WidgetButtonImage"
            android:src="@drawable/ic_long_coffee" />
        <TextView
            style="@style/WidgetButtonText"
            android:text="@string/long_coffee_short" />

    </LinearLayout>



    <TextView style="@style/WidgetButtonHorizontalSpace" />


    <!-- Buttons go here -->

</LinearLayout>

<TextView style="@style/WidgetButtonVerticalSpace" />

<TextView
    android:id="@+id/coffee_quote"
    style="@style/WidgetQuote" />

Answer 1

您需要将B和C的visibility设置为gone，这将使它们从布局中“消失”，以便它可以收缩到只包含A。

顺便说一句，如果将animateLayoutChanges=“true”添加到布局的XML中，按钮将很好地淡入淡出，布局将伸展和收缩。您可能需要更改使b和c可见或gone的顺序，以使其看起来正确，这取决于您正在执行的操作

哦，这也取决于您的布局-它需要layout_width=“wrap_content”，这样它就可以收缩到只包装剩余的A。如果使用具有固定大小的GridLayout，则需要在代码中更改该宽度，或者使用LinearLayout或ConstraintLayout复制其外观。这取决于你实际上在做什么！