Android仿拉手網(wǎng)團購App產(chǎn)品詳情界面效果
更新時間：2017年05月19日 09:23:52 作者：ganchuanpu
這篇文章主要介紹了Android仿拉手網(wǎng)團購App產(chǎn)品詳情界面效果,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
先給大家展示下效果圖，如果感覺還不錯，請參考實例代碼。
效果圖如下所示：
具體代碼如下所示：
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="湖北咸寧咸安區(qū)魚水路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="營業(yè)時間: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產(chǎn)品詳情界面效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細介紹了Android videoview搶占焦點的處理方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了Android OkHttp的簡單使用和封裝詳解的相關(guān)資料,Android OKHttp的簡單get、post的使用，再到它的封裝，需要的朋友可以參考下2016-12-12
這篇文章主要介紹了Android TextView中部分文字高亮顯示的相關(guān)資料,需要的朋友可以參考下2017-07-07
類似開發(fā)其他Java應(yīng)用一樣，我們可以將可復(fù)用的代碼，打成一個jar包，供所有需要的項目使用。這樣，可以解決很大一部分代碼復(fù)用的問題，本文將詳細介紹，需要了解的朋友可以參考下2012-12-12
Android ViewPager實現(xiàn)選項卡切換
這篇文章主要介紹了Android ViewPager實現(xiàn)選項卡切換，詳細分析了ViewPager實現(xiàn)選項卡切換功能，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要為大家詳細介紹了如何利用Flutter實現(xiàn)輕松制作一個紅包界面，文中的示例代碼講解詳細，具有一定的借鑒價值，感興趣的小伙伴可以了解一下2022-11-11
Android代碼檢查規(guī)則Lint的自定義與應(yīng)用詳解
本文主要介紹了Android代碼檢查規(guī)則Lint的自定義與應(yīng)用詳解，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
Android:Field can be converted to a local varible.的解決辦法
這篇文章主要介紹了Android:Field can be converted to a local varible.的解決辦法的相關(guān)資料,希望通過本文能幫助到大家，讓大家遇到這樣的問題輕松解決，需要的朋友可以參考下2017-10-10
揭秘在ListView等AdapterView上動態(tài)添加刪除項的陷阱
今天遇到這么個需求，需要在運行時動態(tài)添加ListView的item，看起來很簡單，實際操作過程中卻遇到了麻煩，下面揭秘在ListView等AdapterView上動態(tài)添加刪除項的陷阱2016-04-04
這篇文章主要介紹了Monkeyrunner 常用按鍵總結(jié)的相關(guān)資料,這里對Monkeyrunner 按鍵的功能進行詳細說明，需要的朋友可以參考下2016-11-11