只需点餐界面布局的代码Android studio
时间: 2024-01-21 11:18:48 浏览: 75
好的,以下是一个简单的点餐界面布局代码,供您参考:
```
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- 页面顶部 -->
<RelativeLayout
android:id="@+id/top_bar"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#FFFFFF">
<TextView
android:id="@+id/tv_shop_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="15dp"
android:text="店铺名称"
android:textColor="#333333"
android:textSize="18sp" />
<ImageView
android:id="@+id/iv_cart"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="15dp"
android:src="@drawable/ic_shopping_cart" />
<TextView
android:id="@+id/tv_login"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginRight="15dp"
android:layout_toLeftOf="@id/iv_cart"
android:text="登录/注册"
android:textColor="#333333"
android:textSize="16sp" />
</RelativeLayout>
<!-- 菜品列表 -->
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/top_bar"
android:divider="@null"
android:dividerHeight="0dp"
android:listSelector="@android:color/transparent" />
<!-- 购物车侧边栏 -->
<RelativeLayout
android:id="@+id/cart_layout"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:background="#FFFFFF"
android:visibility="gone">
<RelativeLayout
android:id="@+id/cart_title_bar"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#F8F8F8">
<TextView
android:id="@+id/tv_cart_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="15dp"
android:text="购物车"
android:textColor="#333333"
android:textSize="18sp" />
<ImageView
android:id="@+id/iv_close"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="15dp"
android:src="@drawable/ic_close" />
</RelativeLayout>
<ListView
android:id="@+id/cart_list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/cart_title_bar"
android:divider="@null"
android:dividerHeight="0dp"
android:listSelector="@android:color/transparent" />
<RelativeLayout
android:id="@+id/bottom_bar"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_alignParentBottom="true"
android:background="#F8F8F8">
<TextView
android:id="@+id/tv_total_price"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="15dp"
android:text="总价:¥0.00"
android:textColor="#333333"
android:textSize="16sp" />
<Button
android:id="@+id/btn_checkout"
android:layout_width="100dp"
android:layout_height="40dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="15dp"
android:background="@drawable/btn_checkout_bg"
android:text="去结算"
android:textColor="#FFFFFF"
android:textSize="16sp" />
</RelativeLayout>
</RelativeLayout>
</RelativeLayout>
```
以上是一个简单的点餐界面布局代码,包括页面顶部、菜品列表、购物车侧边栏等元素,具体实现可能会有所不同,视具体需求而定。
阅读全文