Question

我正在尝试使用ScrollView创建一个Activity。在ScrollView中将是“盒子”（有点像按钮），它比父视图的宽度略小，并且在垂直方向上略微分开。因为这些盒子在它们的几个区域中会有几个不同大小的文本，我想我需要使用RelativeLayouts。（我会发布一张图片，但不能用我的声望点，所以希望这是有道理的。）

我尝试为活动创建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>

我的活动看起来像这样......

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));
    }
}

}

我得到可滚动部分，没问题。问题是我的蓝色“盒子”似乎彼此接触，我无法弄清楚如何让它们看起来像左右两边填充的按钮。我试过了

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

在setBackground颜色之后。所有看起来都是填充文本...而不是RelativeViews。

有任何建议没有如何让这个工作？

由于

===========

新信息：在遵循一些建议并尝试错误之后，这是一些其他信息。我还能够发布图片以便于参考。

===========

我想以编程方式实现的目标是这样的。

我使用看起来像这样的直接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文件和活动，它将以编程方式创建中间组。

修改后的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>

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

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 relativeview（而不是textviews）正确设置边距。

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

解

经过建议，以及一些反复试验......这是我必须要做的，以便在其他人感兴趣的情况下实现所需的布局。

    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>

活动代码：

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？

1 个答案: