仿拉手团购App1--首页

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了仿拉手团购App1--首页相关的知识,希望对你有一定的参考价值。

技术分享

一 fragment_home.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <include
        android:id="@+id/home_titlebar"
        layout="@layout/home_title_bar"/>

    <com.handmark.pulltorefresh.library.PullToRefreshListView
        android:id="@+id/home_pull_to_refresh_listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

二 home_head_page.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:paddingBottom="@dimen/head_page_paddingTB">

    <include
        android:id="@+id/home_head_include_banner"
        layout="@layout/home_banner"/>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="168dp">

        <android.support.v4.view.ViewPager
            android:id="@+id/home_head_pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        </android.support.v4.view.ViewPager>

        <com.myxh.coolshopping.ui.widget.Indicator
            android:id="@+id/home_head_indicator"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            app:indicator_number="2"
            app:indicator_radius="8"
            app:indicator_foreColor="@color/app_yellow"
            app:indicator_bgColor="@color/bg_common_gray"/>
    </RelativeLayout>

    <include
        android:id="@+id/home_head_include_film"
        layout="@layout/home_film"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/head_page_paddingTB"/>

</LinearLayout>

banner  两页Bar标志 热门电影三个作为一体addHeaderView(headView) 进RefreshListView 

 

三 GoodsListAdapter:

技术分享

mGoodsListAdapter = new GoodsListAdapter(getActivity(),mGoodlist,headerViewsCount);
mRefreshListView.setAdapter(mGoodsListAdapter);

1.SimpleDraweeView实现圆角图片

2.免预约图片的显示

技术分享

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true">
    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/good_photo"
        android:layout_width="@dimen/good_image_width"
        android:layout_height="@dimen/good_image_height"
        android:layerType="software"
        android:scaleType="centerCrop"
        fresco:placeholderImage="@mipmap/default_list_pic"/>
    <ImageView
        android:id="@+id/good_icon"
        android:layout_width="@dimen/good_image_width"
        android:layout_height="@dimen/good_image_height"
        android:layerType="software"
        android:scaleType="centerCrop"
        android:src="@mipmap/pic_b"/>
    <ImageView
        android:id="@+id/good_appointment_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layerType="software"
        android:scaleType="centerCrop"
        android:src="@mipmap/appointment_img"/>
</FrameLayout>

Adapter中控制是否显示

if (mGoodlist.get(i).getIs_appointment() == 1) {
            holder.goodAppointmentImg.setVisibility(View.VISIBLE);
} else {
            holder.goodAppointmentImg.setVisibility(View.GONE);
}

3.原有价格添加删除线

holder.goodValue = (TextView) convertView.findViewById(R.id.good_tv_value);
holder.goodValue.getPaint().setFlags(Paint.STRIKE_THRU_TEXT_FLAG);//添加删除线

  

github地址:https://github.com/ganchuanpu/CoolShopping

以上是关于仿拉手团购App1--首页的主要内容,如果未能解决你的问题,请参考以下文章

仿拉手团购App6--注册界面

仿拉手团购App5--登录界面

仿拉手团购App7--个人中心界面

仿拉手团购App9-- 产品详情界面

仿拉手团购App5--登录界面2

仿高德地图首页效果,简单代码实现