android recyclerview多布局_Android大作业1:

项目描述

开发一个APP,实现商品点单的功能,要求手机和平板实现兼容。示例界面如下:

ff5c405b0eb98b11de05e2de1f725375.png
手机效果

e3553821923aff0170f867b063de35f0.png
平板效果

想先看看APP长什么样子吗?来这里下载运行吧!

APP下载​github.com

构建思路

新建一个项目,项目中包含2个Fragment:

第一个Fragment包含一个ListView(或RecyclerView),每个item的界面为左侧一个水果图像,右侧显示水果名称和单价,点击任一item可显示第二个Fragment;

第二个Fragment界面如图所示,点击其中的“+”,“-“键可更改订单数量;

程序根据使用设备的屏幕大小自动排列2个Fragment,如果是手机则把第一个Fragment置于第一个Activity, 第二个Fragment置于第二个Activity, 点击item从第一个Activity跳转到第二个Activity;如果是平板,则2个Fragment置于同一个Activity中,第一个Fragment在左,第二个Fragment在右,第二个Fragment中的内容随所选item的变化而变化。

代码实现

模拟水果为商品,打开android studio, 新建一个 Empty activity , 随后再新建两个fragment 分别命名为FruitContentFragment(点单界面) 和 FruitTitleFragment(商品目录)。

Project目录如下:

0863578a468bd9531b6e3caa1b1c3418.png

新建一个Fruit.java, 作为该项目的bean层(初学者表示,果然思想都是通用的orz)。

public 

然后是fruit_item.xml,把recyclerview里面的每一行商品栏布局写清楚。

<?xml version="1.0" encoding="utf-8"?>

然后开始写FruitTitleFragment,这里我使用 RecyclerView。注意:初次使用RecyclerView需要在android studio中引入, 具体操作可自行Google。

FruitFragment:

package 

对应的fragment_lycfruit_title.xml

<?xml version="1.0" encoding="utf-8"?>

随后我们来看看布局较为复杂的点单界面:

fragment_lycfruit_content.xml

<?xml version="1.0" encoding="utf-8"?>

在FruitContentFragment中定义refresh方法,实现点击按钮更改商品数量和总价

package 

在定义一个FruitContentActivity调用一下右碎片(略)。

项目难点

如何实现手机平板兼容,且布局格式不同呢?

589db1e776df1b589168bee361dc8548.png

如下,在layout文件夹中新建一个新的layout子文件夹,用来区分手机和平板。

layout中的activity_main.xml,布局手机端 (从一个Fragment跳转到另一个Fragment)

<?xml version="1.0" encoding="utf-8"?>

layout-sw600dp中的activity_main.xml,布局平板(同时并存两个Fragment)

<?xml version="1.0" encoding="utf-8"?>

至此项目就大致完成啦,可以跑起来看看效果,很棒的哟!

本人初学安卓,如有不足之处,欢迎加以指正!

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值