当画布局比较复杂的时候尽量使用相对布局来画(RelativeLayout)如下面的购物券的布局

XML布局为:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:background="@color/translate"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="140dp"
        android:layout_marginBottom="5dp"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:background="@drawable/bg_coupon">

        <ImageView
            android:id="@+id/new_come"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="8dp"
            android:background="@drawable/icon_label" />

        <LinearLayout
            android:id="@+id/left_layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/new_come"
            android:orientation="vertical">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="39dp"
                android:text="¥80"
                android:textColor="@color/couponPriceColor"
                android:textSize="30sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="29dp"
                android:text="满300减80元"
                android:textColor="@color/couponPriceColor" />
        </LinearLayout>

        <!--中间的-->
        <LinearLayout
            android:id="@+id/center_layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"
            android:layout_marginTop="33dp"
            android:layout_toRightOf="@id/left_layout">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="30dp"
                    android:layout_height="wrap_content"
                    android:text="限新客"
                    android:textColor="@color/newCustomerLimit"
                    android:textSize="10dp" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="8dp"
                    android:text="新人满300减80元"
                    android:textColor="#333333"
                    android:textSize="12sp" />
            </LinearLayout>
        </LinearLayout>

        <!--中间的内容-->
        <TextView
            android:id="@+id/valid_data"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignStart="@+id/center_layout"
            android:layout_below="@+id/center_layout"
            android:layout_marginTop="5dp"
            android:text="有效期:2018.6.4-6.10"
            android:textColor="#999999"
            android:textSize="12sp" />

        <TextView
            android:id="@+id/limit_production"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignStart="@+id/center_layout"
            android:layout_below="@id/valid_data"
            android:layout_marginTop="5dp"
            android:text="限品类:适用制定商品"
            android:textColor="#999999"
            android:textSize="12sp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignStart="@+id/center_layout"
            android:layout_below="@id/limit_production"
            android:layout_marginTop="5dp"
            android:text="可使用门店:全国门店适用"
            android:textColor="#999999"
            android:textSize="12sp" />


        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="立即使用"
            android:layout_alignParentEnd="true"
            android:layout_marginTop="20dp"
            android:textColor="@color/couponPriceColor"
            android:ems="1"
            android:layout_marginRight="20dp"/>

    </RelativeLayout>


</LinearLayout>

猜你喜欢

转载自blog.csdn.net/qq_42618969/article/details/80942557