java - 根据选择的选项动态添加图像

Question

我有以下显示图像和文本字符串的布局:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center" >

    <ImageView
        android:id="@+id/ivIcon"
        android:layout_width="@dimen/number_icon"
        android:layout_height="@dimen/number_icon"
        android:scaleType="fitXY"
        android:layout_marginTop="@dimen/letter_icon_margin_top" />
    <Button
        android:id="@+id/btnNumber"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_margin="5dp"
        android:layout_weight="3"
        android:text=""
        android:gravity="center"
        android:textSize="@dimen/word_size_text"
        android:textColor="#000000"
        android:textStyle="bold"
        android:background="@drawable/borderaction" />
    </LinearLayout>

ivIcon 根据用户输入显示图像。每个字母显示一张图片时效果很好。但是我该如何修复上面的布局，以便它根据用户选择显示图像数量。

@dimen 用于根据屏幕更改 View 大小。

例如，这是我用它写字母时的样子:

对于数字，如果用户选择 5，则显示应为:

如果用户选择1，显示应该是:

为字母设置图像的代码是:

ivLetterIcon = (ImageView) findViewById(R.id.ivIcon);
ivLetterIcon.setImageResource(R.drawable.apple);

我将如何完成数字图像？

是否最好有一个没有图像的空白布局，并根据数字在运行时添加 ImageView 并将其居中？这样图像就会以父 View 布局为中心？

Answer 1

好吧，我有个主意，也许你可以试试这个。尝试使用 GridView 通过根据屏幕动态更改列号和行号来显示苹果的数量。例如，如果 gridView 是 GridView 并且输入的数字是 11，则可以这样做。

gridView.setNumberOfColumns(5);
gridView.setNumberOfRows(3);

所以 5x3 可以容纳 15 个元素，而 11 个元素可以轻松放入。

然后将包含 Apple 的自定义 View 膨胀到列中。