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

时间:2012-04-06 15:02:49

标签: android fragment android-linearlayout

我正在尝试在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个星) 。这是一个错误吗?

编辑:这是我的onSaveInstanceMethod:

    @Override
public void onSaveInstanceState(Bundle outState) {

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

    super.onSaveInstanceState(outState);
}

由于

2 个答案:

答案 0 :(得分:0)

我认为你正在使用带有错误视图的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星,具体取决于您设置评级栏的方式。 我将新视图附加到视图父级三次。父亲是我的线性布局,新视图是评级栏(或您选择的任何内容)。

要保存片段,请使用

@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
}

答案 1 :(得分:0)

  

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

这不是bug,这就是Android的工作方式。

为什么会这样?

默认情况下,系统将保存并恢复具有ID的视图的状态,并使用这些ID维护内部状态图。由于您在LinearLayout中使用相同的布局,因此每个子项都有一个ID为RatingBar的{​​{1}}。系统保存视图状态时,将保存第一个条形的状态,然后用第二个条形覆盖它,然后用第三个条形覆盖那个。然后,当您还原状态时,它会将ID为ratingBarInItem的每个视图还原到状态图中的状态-这将是最后保存的值,即第三项的值。

您如何解决此问题?

您有两个选择。

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

您表明您已经保存了视图中的“元素”。好吧,您可以更新ratingBarInItem来读回那些元素,然后使用它们来重新更新子视图(即,再次调用onRestoreInstanceState)。

  1. 为每个评分栏赋予唯一的ID。

在将子视图添加到版面后,请使用generateViewID创建一个新的唯一ID,您可以在每个setElements上设置该ID。

RatingBar

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

希望有帮助!