先给大家展示下效果图,如果感觉还不错,请参考实例代码。
效果图如下所示:
具体代码如下所示:
activity_detail.xml
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.myxh.coolshopping.ui.activity.DetailActivity"> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_above="@+id/detail_layout_buy"> <com.myxh.coolshopping.ui.widget.ObserverScrollView android:id="@+id/detail_scroll_view" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <com.facebook.drawee.view.SimpleDraweeView android:id="@+id/detail_product_photo" android:layout_width="match_parent" android:layout_height="@dimen/detail_photo_height" android:scaleType="centerCrop" app:placeholderImage="@mipmap/home_adver_320"/> <View /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:padding="@dimen/detail_product_info_layout_padding"> <TextView android:id="@+id/detail_tv_product_name" android:layout_width="wrap_content" android:layout_height="wrap_content" tools:text="竹林宾馆" android:textSize="@dimen/textSize_20" android:textColor="@color/app_yellow"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="5dp" android:layout_marginBottom="5dp" android:gravity="center_vertical" android:orientation="horizontal"> <TextView android:id="@+id/detail_tv_description" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:paddingRight="10dp" tools:text="大床房入住一晚,交通便利" android:textSize="@dimen/textSize_13"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/detail_bought" android:textSize="@dimen/textSize_14"/> <TextView android:id="@+id/detail_tv_bought" android:layout_width="wrap_content" android:layout_height="wrap_content" tools:text="289" android:textSize="@dimen/textSize_14"/> </LinearLayout> <View android:layout_marginTop="@dimen/detail_view_marginTop"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingTop="5dp" android:paddingBottom="5dp" android:orientation="horizontal" android:background="@color/white"> <LinearLayout android:id="@+id/detail_sure_layout_anytime" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="@dimen/detail_sure_layout_marginRight" android:gravity="center_vertical" android:orientation="horizontal"> <ImageView android:layout_width="@dimen/detail_sure_icon_width" android:layout_height="@dimen/detail_sure_icon_height" android:src="@mipmap/mini_icon_sure"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="@dimen/detail_sure_text_marginLeft" android:text="@string/detail_sure_anytime" android:textSize="@dimen/textSize_14"/> </LinearLayout> <LinearLayout android:id="@+id/detail_sure_layout_overdue" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="@dimen/detail_sure_layout_marginRight" android:gravity="center_vertical" android:orientation="horizontal"> <ImageView android:layout_width="@dimen/detail_sure_icon_width" android:layout_height="@dimen/detail_sure_icon_height" android:src="@mipmap/mini_icon_sure"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="@dimen/detail_sure_text_marginLeft" android:text="@string/detail_sure_overdue" android:textSize="@dimen/textSize_14"/> </LinearLayout> <LinearLayout android:id="@+id/detail_sure_layout_sevenday" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="@dimen/detail_sure_layout_marginRight" android:gravity="center_vertical" android:orientation="horizontal"> <ImageView android:layout_width="@dimen/detail_sure_icon_width" android:layout_height="@dimen/detail_sure_icon_height" android:src="@mipmap/mini_icon_sure"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="@dimen/detail_sure_text_marginLeft" android:text="@string/detail_sure_sevenday" android:textSize="@dimen/textSize_14"/> </LinearLayout> </LinearLayout> <View /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="@dimen/detail_merchant_info_layout_marginTop" android:background="@color/white" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/detail_merchant_info" android:textColor="@color/detail_merchant_info_color" android:textSize="@dimen/textSize_17"/> <Viewandroid:layout_marginTop="@dimen/detail_view_marginTop"/> <TextView android:id="@+id/detail_tv_merchant_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5dp" tools:text="兴鑫宾馆" android:textSize="@dimen/textSize_16"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="@dimen/detail_merchant_detail_layout_padding" android:orientation="horizontal"> <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="3" android:orientation="vertical"> <TextView android:id="@+id/detail_merchant_tv_address" android:layout_width="wrap_content" android:layout_height="wrap_content" tools:text="湖北咸宁咸安区鱼水路89号"/> <TextView android:id="@+id/detail_merchant_tv_hours" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="5dp" tools:text="营业时间:24小时"/> <TextView android:id="@+id/detail_merchant_tv_distance" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="5dp" tools:text="6.8km"/> </LinearLayout> <View android:layout_width="1dp" android:layout_height="match_parent" android:background="@mipmap/line_divide_vertical"/> <ImageView android:id="@+id/detail_merchant_iv_call" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:layout_gravity="center" android:src="@mipmap/ic_call"/> </LinearLayout> </LinearLayout> </LinearLayout> <include android:id="@+id/detail_include_description" layout="@layout/layout_detail_description" android:layout_width="match_parent" android:layout_height="wrap_content"/> </LinearLayout> </com.myxh.coolshopping.ui.widget.ObserverScrollView> <LinearLayout android:id="@+id/detail_title_layout" android:layout_width="match_parent" android:layout_height="45dp" android:orientation="horizontal" android:layout_alignParentTop="true" android:padding="@dimen/detail_title_layout_padding"> <ImageView android:id="@+id/detail_title_iv_back" android:layout_width="wrap_content" android:layout_height="match_parent" android:src="@mipmap/icon_back_black"/> <TextView android:id="@+id/detail_title_tv_title" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:layout_gravity="center" android:layout_marginEnd="@dimen/detail_title_tv_marginLR" android:layout_marginStart="@dimen/detail_title_tv_marginLR" android:gravity="center" tools:text="国际酒店" android:singleLine="true" android:ellipsize="end" android:textSize="@dimen/textSize_20"/> <ImageView android:id="@+id/detail_title_iv_favorite" android:layout_toLeftOf="@+id/detail_title_iv_share" android:layout_marginRight="5dp" android:layout_width="wrap_content" android:layout_height="match_parent" android:src="@mipmap/icon_uncollect_black"/> <ImageView android:id="@+id/detail_title_iv_share" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_alignParentRight="true" android:src="@mipmap/icon_share_black"/> </LinearLayout> </RelativeLayout> <RelativeLayout android:id="@+id/detail_layout_buy" android:layout_width="match_parent" android:layout_height="@dimen/detail_layout_buy_height" android:layout_alignParentBottom="true" android:background="@color/white"> <View /> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:orientation="horizontal"> <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:gravity="center_vertical" android:layout_weight="1" android:orientation="horizontal"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="15dp" android:text="$" android:textSize="@dimen/textSize_14" android:textColor="@color/app_yellow" android:textStyle="bold"/> <TextView android:id="@+id/detail_layout_buy_price" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="@dimen/detail_layout_buy_price_marginLeft" tools:text="119" android:textSize="@dimen/textSize_23" android:textColor="@color/app_yellow" android:textStyle="bold"/> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginLeft="15dp" android:orientation="vertical"> <TextView android:id="@+id/detail_layout_buy_value" android:layout_width="wrap_content" android:layout_height="wrap_content" tools:text="$998" android:textSize="@dimen/textSize_12"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/detail_bottom_retail_price" android:textSize="@dimen/textSize_12"/> </LinearLayout> </LinearLayout> <Button android:id="@+id/detail_layout_buy_btn" android:layout_width="wrap_content" android:layout_height="match_parent" android:text="@string/detail_bottom_buy" android:textSize="@dimen/textSize_17" android:textColor="@color/white" android:background="@color/app_yellow"/> </LinearLayout> </RelativeLayout></RelativeLayout>
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
软考中级精品资料免费领
- 历年真题答案解析
- 备考技巧名师总结
- 高频考点精准押题
- 资料下载
- 历年真题
193.9 KB下载数265
191.63 KB下载数245
143.91 KB下载数1148
183.71 KB下载数642
644.84 KB下载数2756
相关文章
发现更多好内容猜你喜欢
AI推送时光机Android仿拉手网团购App产品详情界面效果
后端开发2023-05-31
Android仿拉手网团购App我的收藏界面实例代码
后端开发2023-05-31
咦!没有更多了?去看看其它编程学习网 内容吧