以编程方式将视图添加到LinearLayout中

Question

我试图在LinearLayout中模拟ListView，以显示具有相同布局的三行。此单个视图由评级栏和内容组成。这很奇怪，但所有ratingBars都会收到最后指定的值。首先，这是我的自定义组件，只需添加以下两种方法即可扩展LinearLayout：

public void setElements(List<Item> elements) {
    removeAllViews();
    for (int i = 0; i < elements.size() && i < 3; i++) {
        View vi = buildElementView(elements.get(i));
        vi.setId(i);
        addView(vi);
    }
}

private View buildElementView(Item itemElement) {
    View view = inflater.inflate(R.layout.element_list_item, null, true);
    // set values
    View header = view.findViewById(R.id.header);
    RatingBar ratingInItem = (RatingBar) header.findViewById(R.id.ratingBarInItem);
    TextView content = (TextView) view.findViewById(R.id.content);

    content.setText(itemElement.getContent());

    ratingInItem.setRating(itemElement.getRating());
    return view;
}

这是我正在膨胀的布局：

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res/com.weorder.client"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@color/transparent"
    android:minHeight="60.0dp"
    android:orientation="vertical"
    android:paddingBottom="8.0dp"
    android:paddingLeft="5.0dp"
    android:paddingRight="5.0dp"
    android:paddingTop="8.0dp" >

    <RelativeLayout
        android:id="@+id/header"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <RatingBar
            android:id="@+id/ratingBarInItem"
            style="@style/RatingBarSm"
            android:isIndicator="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="3dp"
            android:numStars="5"
            android:stepSize="0.1" />

    </RelativeLayout>

    <TextView
        android:id="@+id/content"
        style="@style/Content"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="3dp"
        android:layout_marginRight="3dp"
        android:layout_marginTop="3dp"

        android:textColor="@color/dark_brown"
        android:textSize="@dimen/text_size_small" />

 </LinearLayout>

我在片段中的onActivityCreated（）中调用了setElements方法。片段开始时效果很好，但是当我尝试旋转手机时，项目内容会正常更改但评级栏会获得最后一个值（如果有3个元素的评分为1,2和3，则所有评级栏都有3个星） 。这是一个错误吗？

编辑：这是我的onSaveInstance方法：

    @Override
public void onSaveInstanceState(Bundle outState) {

    if (elements != null) {
        outState.putSerializable("elements", elements);
    }

    super.onSaveInstanceState(outState);
}

谢谢

Answer 1

我认为你正在使用带有错误视图的findViewById（），这会导致问题。

以下是基于您正在做的对我有用的示例。

LinearLayout ll = (LinearLayout)findViewById(R.id.ll);
ViewGroup parentGroup = parentGroup = (ViewGroup)ll;

for (int i = 0; i < 3; i++)
{
    LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    View view = inflater.inflate(R.layout.element_list_item, null, true);
    RatingBar rBar = (RatingBar)view.findViewById(R.id.ratingBar1);
    rBar.setProgress(i);
    parentGroup.addView(view);
}

结果应显示三个评级栏，分别为0,1和2星，具体取决于您设置评级栏的方式。我将新视图附加到视图父级三次。父级是我的linearlayout，新视图是评级栏（或您选择的任何内容）。

用于保存片段使用

@Override
public void onSaveInstanceState(Bundle outState)
{
    super.onSaveInstanceState(outState);
    getFragmentManager().putFragment(outState, Content.class.getName(), this);
}

那么你可以在onCreateView中获取你的参数并恢复你的数据（如果需要的话）

Bundle extras = this.getArguments();
if(extras != null)
{
    //set arguments here
}

Answer 2

片段开始时效果很好，但是当我尝试旋转手机时，项目内容会正常更改但评级栏会获得最后一个值（如果有3个元素的评分为1,2和3，则所有评级栏都有3个星） 。这是一个错误吗？

这不是一个错误 - 这就是Android的工作原理。

为什么会这样？

默认情况下，系统将保存并恢复具有ID的视图状态，并使用这些ID来维护内部状态图。因为你在LinearLayout中使用相同的布局，所以每个孩子都有一个RatingBar，ID为ratingBarInItem。当系统保存视图的状态时，它会保存第一个条的状态，然后用第二个条覆盖它，然后用第三个条覆盖它。然后，当您恢复状态时，它会使用ID ratingBarInItem将每个视图恢复为状态图中的内容 - 这将是保存的最后一个值，即第3个项目中的值。

你是如何解决这个问题的？

你有两个选择。

1. 自己手动保存和恢复视图状态。

您表明您已经保存了视图中的“元素”。好吧，您可以更新onRestoreInstanceState以读取这些元素，然后使用它们重新更新子视图（即，再次调用setElements）。

2. 为每个评级栏提供唯一ID。

在给子视图充气以添加到布局后，使用generateViewID创建一个可以在每个RatingBar上设置的新的唯一ID。

RatingBar ratingInItem = (RatingBar) header.findViewById(R.id.ratingBarInItem);
ratingInItem.setID(View.generateViewID());

然后您不必实现保存或恢复状态，因为现在每个视图都有唯一的ID，默认的系统行为将起作用。

希望有所帮助！