我如何以编程方式创建一个像这样的 RelativeLayout 框的 ScrollView？

Question

我正在尝试创建一个带有 ScrollView 的 Activity。在 ScrollView 中将是 "boxes"（有点像按钮），它比父视图的宽度小一点，并且在垂直方向上稍微分开。因为盒子上的几个区域会有几个不同大小的文本，所以我想我需要使用 RelativeLayouts。（我会 post 一张照片，但不能用我的声誉点，所以希望这有意义）。

我尝试为 activity 创建一个 XML，然后以编程方式添加相关视图。我让它工作了，有点，但是我在框间距方面遇到了问题。

我的测试 XML 看起来像这样...

<LinearLayout
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical"
   xmlns:android="http://schemas.android.com/apk/res/android">

   <!-- scrolling section -->
   <ScrollView
      android:layout_width="fill_parent"
      android:paddingTop="5dp"
      android:layout_height="0dp"
      android:layout_weight="1.30"
      >

       <LinearLayout
        android:id="@+id/llScroll"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >
       </LinearLayout>
    </ScrollView>
 </LinearLayout>

我的 Activity 看起来像这样...

public class TestActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setContentView(R.layout.activity_test);

    LinearLayout llAccts=(LinearLayout)findViewById(R.id.llScroll);

    for (int i=1;i<20;i++) {
        RelativeLayout rlView = new RelativeLayout(this);
        rlView.setBackgroundColor(Color.BLUE);

        TextView test=new TextView(this);
        test.setText("Test #"+i);
        test.setTextColor(Color.WHITE);
        rlView.addView(test);

        llAccts.addView(rlView,new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
    }
}

}

我得到了可滚动部分，没问题。问题是我的蓝色 "boxes" 似乎相互接触，我无法弄清楚如何使它们看起来像左右两侧以及它们之间有填充的按钮。我试过了

rlView.setPadding(20,20,20,20);

紧接在设置背景色之后。看起来所做的只是填充文本...而不是 RelativeViews。

关于如何让它工作的任何建议？

谢谢

===========

新信息：在遵循一些建议并尝试错误之后，这里有一些附加信息。我还能够 post 一张照片以方便参考。

===========

我试图以编程方式实现的目标看起来像这样。

我用直 XML 实现了这个例子，看起来像这样...

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- header: non-scrolling -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="UPDATE ALL"
            android:id="@+id/btnUpdate" />
    </RelativeLayout>

    <!-- scrolling bottom pane -->
    <ScrollView
        android:layout_width="fill_parent"
        android:paddingTop="5dp"
        android:layout_height="0dp"
        android:layout_weight="1.30"
        >

        <LinearLayout
            android:id="@+id/llGroups"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            >

            // individual groups start here - this section will be controlled by a database

            // #1 group
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginBottom="10dp"
                android:background="@color/blue"
                android:padding="5dp"
                android:clickable="true"
                android:id="@+id/grp1"
                >

                <TextView
                    android:id="@+id/text1"
                    android:text="Item #1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentTop="true"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true" />

                <TextView
                    android:id="@+id/leftext1"
                    android:text="123.00"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentTop="true"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentEnd="true"
                    android:textSize="30dp" />
            </RelativeLayout>

            // #2 group
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="10dp"
                android:background="@color/blue"
                android:padding="5dp"
                android:clickable="true"
                android:id="@+id/grp2"
                >

                <TextView
                    android:id="@+id/text2"
                    android:text="Item #2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignTop="@+id/leftext2"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true" />

                <TextView
                    android:id="@+id/leftext2"
                    android:text="456.00"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentTop="true"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentEnd="true"
                    android:textSize="30dp"
                    />
            </RelativeLayout>

        </LinearLayout>
    </ScrollView>
</LinearLayout>

我把它拆开并创建了一个 XML 文件和 activity 将以编程方式创建中间组。

修改后的 XML (activity_main2) 看起来像这样...

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- header: non-scrolling -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="UPDATE ALL"
            android:id="@+id/btnUpdate" />
    </RelativeLayout>

    <!-- scrolling bottom pane -->
    <ScrollView
        android:layout_width="fill_parent"
        android:paddingTop="5dp"
        android:layout_height="0dp"
        android:layout_weight="1.30"
        >

        <LinearLayout
            android:id="@+id/llGroups"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            >
        </LinearLayout>
    </ScrollView>
</LinearLayout>

我开始重写我的 activity 代码来测试一些建议。目前看起来像这样...

public class Main2Activity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main2);


        LinearLayout llGroups=(LinearLayout)findViewById(R.id.llGroups);

        for (int i=1;i<20;i++) {
            RelativeLayout rlView = new RelativeLayout(this);
            rlView.setBackgroundColor(Color.BLUE);

            RelativeLayout.LayoutParams rlp = new RelativeLayout.LayoutParams(
                    RelativeLayout.LayoutParams.MATCH_PARENT,
                    RelativeLayout.LayoutParams.WRAP_CONTENT);

            rlp.setMargins(10,10,10,0);

            TextView test=new TextView(this);
            test.setText("Test #"+i);
            test.setTextColor(Color.WHITE);
            rlView.addView(test);

            // other textviews will go here

            llGroups.addView(rlView,rlp);
        }
    }
}

这可以编译并运行，但 setMargins 不起作用。我的屏幕顶部有一个 "UPDATE ALL" 按钮，它应该是蓝色背景的 (19) "Text #"，但它们是全宽的并且彼此接触，所以它是纯蓝色背景。

我快接近了，但不确定如何为 rlView 相对视图（而不是文本视图）正确设置边距。

希望这有助于解释我现在所看到的..

解决方案

在提出建议和一些试验和错误之后...这是我必须做的才能实现所需的布局，以防其他人感兴趣。

    LinearLayout.LayoutParams llp = new LinearLayout.LayoutParams(
            LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);

    RelativeLayout.LayoutParams tvp = new RelativeLayout.LayoutParams(
            RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);

    RelativeLayout.LayoutParams tvp2 = new RelativeLayout.LayoutParams(
            RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);


    LinearLayout mTvContainer = (LinearLayout) findViewById(R.id.llAccts);

    for (int i = 0; i < 20; i++) {
        LinearLayout ll = new LinearLayout(this);

        ll.setBackgroundColor(Color.BLUE);

        RelativeLayout rl = new RelativeLayout(this);

        TextView tv = new TextView(this);
        tv.setTextColor(Color.WHITE);
        tv.setPadding(5, 5, 5, 5);

        tv.setText("Test #" + i);
        tvp.addRule(RelativeLayout.ALIGN_PARENT_LEFT);

        TextView tv2 = new TextView(this);
        tv2.setTextColor(Color.WHITE);
        tv2.setPadding(5, 5, 5, 5);
        tv2.setText(String.valueOf(i));
        tv2.setTextSize(30);
        tvp2.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);

        rl.addView(tv, tvp);
        rl.addView(tv2,tvp2);

        ll.addView(rl);

        llp.setMargins(32,16,32,16);

        mTvContainer.addView(ll,llp);
    }
}

对于 FOR 中的每个条目，我必须使用 LINEARLAYOUT 才能正确设置边距，并且在该 LINEARLAYOUT 中我必须使用 RELATIVELAYOUT 来使用 addRules 来获得 TextView 的正确定位。

如果有更简单的方法，请告诉我。感谢大家的帮助！！

Answer 1

您使用的嵌套布局过多，这里是精简版。

xml:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:id="@+id/ll_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" />

</ScrollView>

Activity代码：

mTvContainer = (LinearLayout) findViewById(R.id.ll_main);
int p = (int) getResources().getDimension(R.dimen.activity_horizontal_margin);

for (int i = 0; i < 20; i++) {
    LinearLayout ll = new LinearLayout(this);
    ll.setOrientation(LinearLayout.VERTICAL);

    TextView tv = new TextView(this);
    tv.setBackgroundColor(Color.BLUE);
    tv.setTextColor(Color.WHITE);
    tv.setPadding(p, p / 2, p, p / 2);
    tv.setText("TextView " + i);

    TextView tv2 = new TextView(this);
    tv2.setBackgroundColor(Color.RED);
    tv2.setTextColor(Color.WHITE);
    tv2.setPadding(p, p / 2, p, p / 2);
    tv2.setText("TextView " + i);

    ll.addView(tv);
    ll.addView(tv2);

    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
            LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
    params.setMargins(p, p / 2, p, p / 2);
    mTvContainer.addView(ll, params);
}

我如何以编程方式创建一个像这样的 RelativeLayout 框的 ScrollView？

How can I programatically create a ScrollView with RelativeLayout boxes like this?

android

scrollview