Android仿拉手網(wǎng)團(tuán)購(gòu)App產(chǎn)品詳情界面效果
更新時(shí)間：2017年05月19日 09:23:52 作者：ganchuanpu
這篇文章主要介紹了Android仿拉手網(wǎng)團(tuán)購(gòu)App產(chǎn)品詳情界面效果,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
先給大家展示下效果圖，如果感覺還不錯(cuò)，請(qǐng)參考實(shí)例代碼。
效果圖如下所示：
具體代碼如下所示：
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號(hào)"/>
<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íng)業(yè)時(shí)間:24小時(shí)"/>
<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="國(guó)際酒店"
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仿拉手團(tuán)購(gòu)App產(chǎn)品詳情界面效果，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
新浪微博第三方登錄界面上下拉伸圖片之第三方開源PullToZoomListViewEx（二）
這篇文章主要介紹了新浪微博第三方登錄界面上下拉伸圖片之第三方開源PullToZoomListViewEx（二） 的相關(guān)資料,需要的朋友可以參考下2015-12-12
在Android中 獲取正在運(yùn)行的Service 實(shí)例
本篇文章小編為大家介紹，在Android中 獲取正在運(yùn)行的Service 實(shí)例。需要的朋友參考下2013-04-04
擁抱kotlin之如何習(xí)慣使用kotlin高階函數(shù)
這篇文章主要給大家介紹了關(guān)于擁抱kotlin之如何習(xí)慣使用kotlin高階函數(shù)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用kotlin具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要介紹了分析Android Activity的啟動(dòng)過程的相關(guān)資料,需要的朋友可以參考下2017-07-07
這篇文章主要介紹了Android自適應(yīng)不同屏幕大小的全部方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助，一起跟隨小編過來看看吧2018-05-05
一個(gè)吸頂Item的簡(jiǎn)單實(shí)現(xiàn)方法分享
這篇文章主要給大家介紹了一個(gè)吸頂Item的簡(jiǎn)單實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)各位Android開發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
Android使用Intent實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)
這篇文章主要為大家詳細(xì)介紹了Android使用Intent實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
webview添加參數(shù)與修改請(qǐng)求頭的user-agent實(shí)例
這篇文章主要介紹了webview添加參數(shù)與修改請(qǐng)求頭的user-agent實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-03-03
Android中，如果要錄制音頻的話有兩個(gè)選擇，一個(gè)是MediaRecorder，另一個(gè)就是AudioRecord，前者使用簡(jiǎn)單，后者就相對(duì)復(fù)雜點(diǎn)，本文通過代碼給大家介紹Android 錄制音視頻的相關(guān)知識(shí)，一起看看吧2021-06-06
android中處理各種觸摸事件的方法淺談，需要的朋友可以參考一下2013-06-06