布局
程序员文章站
2022-04-29 19:53:17
...
自定义流式布局
<?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="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<EditText
android:id="@+id/edit_query"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="8" />
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="2"
android:gravity="center"
android:text="搜索"
android:id="@+id/btn_search"
android:textSize="20sp" />
</LinearLayout>
<TextView
android:id="@+id/text_clear"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="清除历史记录" />
<com.example.shopcart04.view.MyView
android:id="@+id/myView"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
购物车外层框架
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyc_view_shop"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:orientation="horizontal"
android:background="#ccc">
<CheckBox
android:id="@+id/check_box_all"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:text="全选"
android:textSize="16sp" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/text_total"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:text="总价:"
android:textColor="#ff0000"
android:textSize="20sp" />
<TextView
android:id="@+id/text_total_nums"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginTop="5dp"
android:layout_marginBottom="10dp"
android:text="共0件商品"
android:textSize="14sp" />
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:background="#ff0000"
android:padding="5dp"
android:layout_marginLeft="150dp"
android:text="去结算"
android:textColor="#fff"
android:textSize="22sp" />
</LinearLayout>
</RelativeLayout>
商铺布局
<?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="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<CheckBox
android:id="@+id/check_box_shop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="5dp" />
<TextView
android:id="@+id/text_shopname"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:text="小米旗舰店"
android:textSize="18sp" />
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#ccc" />
<android.support.v7.widget.RecyclerView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/recyc_view_goods"/>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#ccc" />
</LinearLayout>
商品布局
<?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="wrap_content"
android:orientation="horizontal">
<LinearLayout
android:id="@+id/linear_goods"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<CheckBox
android:id="@+id/check_box_goods"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="5dp" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/text_goodsname"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:text="xxxx"
android:textSize="16sp" />
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/img_goodspic"
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginStart="0dp"
android:layout_marginLeft="0dp"
android:src="@mipmap/ic_launcher" />
<TextView
android:id="@+id/text_goods_peice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_toRightOf="@+id/img_goodspic"
android:text="¥:"
android:textColor="#ff0000"
android:textSize="16sp" />
<TextView
android:id="@+id/text_goods_color"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/text_goods_peice"
android:layout_marginLeft="5dp"
android:layout_toRightOf="@+id/img_goodspic"
android:text="颜色:" />
<TextView
android:id="@+id/text_goods_size"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/text_goods_peice"
android:layout_marginLeft="5dp"
android:layout_toRightOf="@+id/text_goods_color"
android:text="尺寸:" />
<com.example.shopcart04.widge.ButtonView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btn_view"
android:layout_toRightOf="@+id/img_goodspic"
android:layout_marginLeft="5dp"
android:layout_below="@+id/text_goods_color"/>
</RelativeLayout>
</LinearLayout>
</LinearLayout>
</LinearLayout>
自定义加减号布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:orientation="horizontal"
>
<Button
android:id="@+id/jian"
android:layout_width="30dp"
android:layout_height="wrap_content"
android:text="-"/>
<TextView
android:id="@+id/text_num"
android:layout_width="30dp"
android:layout_height="match_parent"
android:text="1"
android:gravity="center"
/>
<Button
android:id="@+id/jia"
android:layout_width="30dp"
android:layout_height="wrap_content"
android:text="+"/>
</LinearLayout>
上一篇: CSS3的flex布局
下一篇: CSS中的flex布局