文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android仿拉手网团购App产品详情界面效果

2023-05-31 03:48

关注

先给大家展示下效果图,如果感觉还不错,请参考实例代码。

效果图如下所示:

Android仿拉手网团购App产品详情界面效果Android仿拉手网团购App产品详情界面效果

具体代码如下所示:

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

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 资料下载
  • 历年真题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容
咦!没有更多了?去看看其它编程学习网 内容吧