这里有新鲜出炉的精品教程,程序狗速度看过来!
Android是一种基于Linux的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由Google公司和开放手机联盟领导及开发。尚未有统一中文名称,中国大陆地区较多人使用“安卓”或“安致”。
这篇文章主要介绍了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
- 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产品详情界面效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对PHPERZ网站的支持!
来源: http://www.phperz.com/article/17/0902/337669.html