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

发布时间 - 2026-01-11 01:10:45    点击率:

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

效果图如下所示:

具体代码如下所示:

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
          style="@style/detail_view_style"/>
        <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
            style="@style/detail_view_style"
            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
            style="@style/detail_view_style"/>
          <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"/>
            <View
              style="@style/detail_view_style"
              android: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
      style="@style/detail_view_style"/>
    <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>

以上所述是小编给大家介绍的Android仿拉手团购App产品详情界面效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


# android  # 拉手网团购  # 拉手详情页  # Android仿拉手网团购App我的收藏界面实例代码  # 所示  # 小编  # 在此  # 给大家  # 湖北  # 团购  # 还不错  # 所述  # 给我留言  # 请参考  # 感谢大家  # 先给  # 疑问请  # 有任何  # 大床  # detail_photo_height  # scaleType  # dimen  # SimpleDraweeView  # detail_product_photo 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 详解vue.js组件化开发实践  详解阿里云nginx服务器多站点的配置  Swift中switch语句区间和元组模式匹配  Laravel如何配置任务调度?(Cron Job示例)  Laravel如何实现文件上传和存储?(本地与S3配置)  如何在云主机上快速搭建网站?  Python3.6正式版新特性预览  Laravel怎么多语言本地化设置_Laravel语言包翻译与Locale动态切换【手册】  使用Dockerfile构建java web环境  HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】  Win11怎么设置默认图片查看器_Windows11照片应用关联设置  Gemini怎么用新功能实时问答_Gemini实时问答使用【步骤】  中国移动官方网站首页入口 中国移动官网网页登录  Laravel如何实现API版本控制_Laravel API版本化路由设计策略  如何在云服务器上快速搭建个人网站?  Laravel如何使用Blade模板引擎?(完整语法和示例)  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网?  logo在线制作免费网站在线制作好吗,DW网页制作时,如何在网页标题前加上logo?  浅述节点的创建及常见功能的实现  javascript中闭包概念与用法深入理解  Laravel如何使用Contracts(契约)进行编程_Laravel契约接口与依赖反转  再谈Python中的字符串与字符编码(推荐)  微信公众帐号开发教程之图文消息全攻略  如何在阿里云部署织梦网站?  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  Laravel Vite是做什么的_Laravel前端资源打包工具Vite配置与使用  深圳网站制作的公司有哪些,dido官方网站?  如何在Windows虚拟主机上快速搭建网站?  Python函数文档自动校验_规范解析【教程】  如何用AI帮你把自己的生活经历写成一个有趣的故事?  制作公司内部网站有哪些,内网如何建网站?  千库网官网入口推荐 千库网设计创意平台入口  如何在IIS7上新建站点并设置安全权限?  linux写shell需要注意的问题(必看)  太平洋网站制作公司,网络用语太平洋是什么意思?  如何构建满足综合性能需求的优质建站方案?  Laravel如何自定义分页视图?(Pagination示例)  javascript事件捕获机制【深入分析IE和DOM中的事件模型】  东莞专业网站制作公司有哪些,东莞招聘网站哪个好?  在Oracle关闭情况下如何修改spfile的参数  如何获取上海专业网站定制建站电话?  香港服务器网站生成指南:免费资源整合与高速稳定配置方案  香港网站服务器数量如何影响SEO优化效果?  如何快速生成ASP一键建站模板并优化安全性?  如何续费美橙建站之星域名及服务?  网站制作企业,网站的banner和导航栏是指什么?  Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives  制作旅游网站html,怎样注册旅游网站?  Windows Hello人脸识别突然无法使用  企业在线网站设计制作流程,想建设一个属于自己的企业网站,该如何去做?