第三天 Kotlin 外卖App

首页页面代码

主要Fragment

class HomeFragment : Fragment(){
    lateinit var homeRvAdapter: HomeAdapter
    lateinit var rvHome :RecyclerView
    lateinit var homeFragmentPresenter:HomeFragmentPresenter
    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
        val view = View.inflate(activity as Context?, R.layout.fragment_home, null)
        rvHome = view.find<RecyclerView>(R.id.rv_home) //从上到 // 下的列表视图
        rvHome.layoutManager = LinearLayoutManager(activity)
        homeRvAdapter = HomeAdapter(activity)
        rvHome.adapter = homeRvAdapter
        homeFragmentPresenter = HomeFragmentPresenter(this)
        distance = 170.dp2px()
        return view
    }

    fun Int.dp2px() :Int{
        return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,toFloat(),resources.displayMetrics).toInt()
    }

    override fun onActivityCreated(savedInstanceState: Bundle?) {
        super.onActivityCreated(savedInstanceState)
        initData()
    }

    val datas : ArrayList<Food> = ArrayList()
    var sum : Int = 0
    var distance : Int = 0
    var alpha = 55
    private fun initData() {
        datas.clear()
//        for (i in 0 until 20){
//            datas.add("我是商家:"+i)
//        }
        homeFragmentPresenter.getHomeInfo()
        homeRvAdapter.setData(datas)

        //有数据可以滚动才可以监听滚动时间
        rvHome.setOnScrollListener(object : RecyclerView.OnScrollListener(){
            override fun onScrollStateChanged(recyclerView: RecyclerView, newState: Int) {

            }

            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
                super.onScrolled(recyclerView, dx, dy)
                sum += dy
                if (sum > distance){
                    alpha = 255
                }else{
                    alpha = (sum / distance)
                    alpha += 55
                }
                ll_title_container.setBackgroundColor(Color.argb(alpha,0x31,0x90,0xe8))
            }
        })
    }

    fun onHomeSuccess(list: java.util.ArrayList<Food>) {
//        homeRvAdapter.setData(list)
        Log.d("zxh",list.toString())
        homeRvAdapter.setData(datas)
    }

    fun onHomeFilded() {

    }
}

布局

<RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/rv_home">
    </android.support.v7.widget.RecyclerView>

    <LinearLayout
            android:id="@+id/ll_title_container"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:background="#553190E8"
         android:orientation="horizontal"
         android:layout_alignParentTop="true"
         android:layout_alignParentLeft="true"
         android:layout_alignParentStart="true">
        <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:id="@+id/ll_title_search"
                android:orientation="horizontal"
                android:layout_marginTop="30dp">
            <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="2"
                    android:orientation="horizontal">
                    <TextView
                            android:id="@+id/home_tv_address"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center_vertical"
                            android:layout_marginLeft="5dip"
                            android:layout_weight="1"
                            android:singleLine="true"
                            android:text="昌平区北七家宏福创业园修正大厦"
                            android:textColor="#FFF"
                    />
                <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                android:layout_marginRight="5dip"
                android:src="@drawable/xia"/>
            </LinearLayout>

            <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="35dp"
                    android:layout_weight="3"
            android:layout_marginBottom="12dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="12dp"
            android:background="@drawable/home_search_text_background">
                <LinearLayout
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:layout_marginRight="10dip"
                        android:layout_gravity="center_vertical"
                        android:orientation="horizontal">
                    <ImageView
                            android:layout_width="15sp"
                            android:layout_height="15sp"
                            android:layout_gravity="center_vertical"
                            android:layout_marginLeft="4dp"
                            android:src="@drawable/home_search"/>
                    <EditText
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center_vertical"
                            android:hint="输入商家、商品名称"
                            android:textColor="#FFF"
                            android:textSize="12sp"/>
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

效果

在这里插入图片描述

个人

布局文件

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:orientation="vertical">

    <ScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">
            <!--顶部登录-->
            <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="#16A1E7">
                <com.makeramen.roundedimageview.RoundedImageView
                        app:riv_oval="true"
                        android:layout_width="80dp"
                        android:layout_height="80dp"
                        android:layout_gravity="center_vertical"
                        android:layout_marginBottom="20dp"
                        android:layout_marginLeft="15dp"
                        android:layout_marginTop="25dp"
                        android:src="@drawable/xxx"/>
                <FrameLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_gravity="center_vertical"
                        android:layout_weight="1.0"
                        android:layout_marginBottom="20dp"
                        android:layout_marginLeft="10dp"
                        android:layout_marginRight="15dp"
                        android:layout_marginTop="20dp">

                    <ImageView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:id="@+id/image_login"
                            android:src="@drawable/login"/>
                    <LinearLayout
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:id="@+id/ll_userinfo"
                            android:gravity="center"
                            android:visibility="invisible"
                            android:orientation="vertical"
                            android:layout_marginTop="10dp">
                        <TextView
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:id="@+id/username"
                                android:text="username"
                                android:textColor="#fff"
                                android:textSize="18sp"/>

                        <LinearLayout
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:orientation="horizontal"
                                android:layout_gravity="center_vertical">

                        </LinearLayout>

                    </LinearLayout>

                </FrameLayout>

            </LinearLayout>
            <!--第二层-->
            <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="110dp"
                    android:background="#FFFF"
                    android:orientation="vertical">
                <LinearLayout
                        android:layout_width="360dp"
                        android:layout_gravity="center"
                        android:gravity="center_vertical"
                        android:layout_height="60dp"
                        android:orientation="horizontal">
                    <ImageView android:layout_width="0dp" android:layout_weight="1" android:layout_height="40dp"
                               android:id="@+id/people_image_yue" android:src="@drawable/yue"/>
                    <ImageView android:layout_width="0dp" android:layout_weight="1" android:layout_height="40dp"
                               android:id="@+id/people_image_gouwu" android:src="@drawable/gouwu"/>
                    <ImageView android:layout_width="0dp" android:layout_weight="1" android:layout_height="40dp"
                               android:id="@+id/people_image_jifen" android:src="@drawable/jifen"/>
                </LinearLayout>
                <LinearLayout
                        android:layout_width="360dp"
                        android:layout_height="40dp"
                        android:layout_gravity="center"
                        android:orientation="horizontal">
                     <TextView android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content"
                        android:id="@+id/people_text_yue" android:text="余额" android:textSize="20sp" android:gravity="center"/>
                    <TextView android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content"
                              android:id="@+id/people_text_gouwu" android:text="优惠" android:textSize="20sp" android:gravity="center"/>
                    <TextView android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content"
                              android:id="@+id/people_text_jifen" android:text="积分" android:textSize="20sp" android:gravity="center"/>
                </LinearLayout>

            </LinearLayout>
            <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="10dp"
                    android:background="#DBD7D7">
            </LinearLayout>
            <LinearLayout android:layout_width="match_parent" android:layout_height="60dp"
            android:orientation="horizontal" android:id="@+id/people_lin_dingwei">
                <ImageView android:layout_width="40dp" android:layout_height="40dp"
                android:src="@drawable/dingwei" android:layout_gravity="center"
                android:layout_marginLeft="20dp"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:text="收货地址" android:textSize="20sp" android:layout_gravity="center" android:layout_marginLeft="15dp"/>
            </LinearLayout>

            <LinearLayout android:layout_width="match_parent" android:layout_height="2dp"
                          android:background="#DBD7D7">
            </LinearLayout>

            <LinearLayout android:layout_width="match_parent" android:layout_height="60dp"
                          android:orientation="horizontal" android:id="@+id/people_lin_shoucang">
                <ImageView android:layout_width="40dp" android:layout_height="40dp"
                           android:src="@drawable/xin" android:layout_gravity="center"
                           android:layout_marginLeft="15dp"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
                          android:text="我的收藏" android:textSize="20sp" android:layout_gravity="center" android:layout_marginLeft="15dp"/>
            </LinearLayout>

            <LinearLayout android:layout_width="match_parent" android:layout_height="2dp"
                          android:background="#DBD7D7">
            </LinearLayout>

            <LinearLayout android:layout_width="match_parent" android:layout_height="60dp"
                          android:orientation="horizontal" android:id="@+id/people_lin_meishi">
                <ImageView android:layout_width="37dp" android:layout_height="37dp"
                           android:src="@drawable/shu" android:layout_gravity="center"
                           android:layout_marginLeft="20dp"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
                          android:text="美食相册" android:textSize="20sp" android:layout_gravity="center" android:layout_marginLeft="15dp"/>
            </LinearLayout>

            <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="10dp"
                    android:background="#DBD7D7">
            </LinearLayout>

            <LinearLayout android:layout_width="match_parent" android:layout_height="60dp"
                          android:orientation="horizontal" android:id="@+id/people_lin_jifen">
                <ImageView android:layout_width="35dp" android:layout_height="35dp"
                           android:src="@drawable/bao" android:layout_gravity="center"
                           android:layout_marginLeft="20dp"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
                          android:text="积分商城" android:textSize="20sp" android:layout_gravity="center" android:layout_marginLeft="15dp"/>
            </LinearLayout>

            <LinearLayout android:layout_width="match_parent" android:layout_height="2dp"
                          android:background="#DBD7D7">
            </LinearLayout>

            <LinearLayout android:layout_width="match_parent" android:layout_height="60dp"
                          android:orientation="horizontal" android:id="@+id/people_lin_huiyuan">
                <ImageView android:layout_width="37dp" android:layout_height="37dp"
                           android:src="@drawable/huangguan" android:layout_gravity="center"
                           android:layout_marginLeft="20dp"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
                          android:text="饿了么会员卡" android:textSize="20sp" android:layout_gravity="center" android:layout_marginLeft="15dp"/>
            </LinearLayout>
        </LinearLayout>
    </ScrollView>

</LinearLayout>

效果

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值