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>