如何在textview和textview android附近放置textviews中心?

时间:2015-04-23 05:56:17

标签: android android-layout android-relativelayout android-layout-weight

您好我希望获得类似于下面附带的屏幕截图的所需输出。视图线分离,我需要将textview放置在textview的中心和文本视图附近的图像和文本的大小和颜色。如何实现呢?

我的代码如下:

我在顶部和底部使用了一个视图行并使用了textview,但它没有实现精确的输出。如何解决这个问题?请帮我。感谢..

    <View
        android:id="@+id/view2"
        android:layout_width="wrap_content"
        android:layout_height="1dp"
        android:layout_below="@+id/offers_price_layout"
        android:layout_centerVertical="true"
        android:layout_marginTop="5dp"
        android:background="#cfcfcf" />
        <RelativeLayout
            android:id="@+id/size_color_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/view2"
            android:orientation="horizontal"
            >
            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:weightSum="4"
                android:orientation="horizontal">
            <TextView
                    android:layout_width="0dp"
                    android:layout_weight="1.4"
                    android:layout_height="fill_parent"
                    android:text="Size"
                android:paddingRight="10dp"
                android:gravity="center"
                    />
                <TextView
                    android:layout_width="0dp"
                    android:layout_weight="0.3"
                    android:layout_height="fill_parent"
                    android:text="7"
                    android:paddingTop="10dp"
                    android:paddingBottom="10dp"
                    android:layout_marginTop="2dp"
                    />

                <View
                    android:layout_width="1dp"
                    android:layout_height="fill_parent"
                    android:background="#cfcfcf"
                    />
                <TextView
                    android:layout_width="0dp"
                    android:layout_weight="1.7"
                    android:layout_height="fill_parent"
                    android:text="Color"
                    android:gravity="center"
                    />
                <ImageView
                    android:layout_width="0dp"
                    android:layout_weight="0.6"
                    android:layout_height="fill_parent"

                    android:paddingTop="10dp"
                    android:paddingBottom="10dp"
                    android:src="@drawable/product_wish"
                    />
            </LinearLayout>
            </RelativeLayout>

    <View
        android:id="@+id/view3"
        android:layout_width="wrap_content"
        android:layout_height="1dp"
        android:layout_below="@+id/size_color_layout"
        android:layout_centerVertical="true"
        android:background="#cfcfcf" />

以下是我想要实现的截图。

enter image description here

2 个答案:

答案 0 :(得分:0)

请按照以下步骤操作:

  1. 创建父级水平线性布局
  2. 以相同的重量放置2个相对布局
  3. 在父级中心插入水平线性布局
  4. 将TextView和ImageVew都包装内容

答案 1 :(得分:0)

您想要对齐哪个textview,是文本7?