安卓大作业 咖啡展示APP

系列文章

安卓大作业 咖啡展示APP

---

---

1．背景

为了便于用户对于咖啡信息的浏览，我设计了一个咖啡展示的app。可以在这个App中查看到一些咖啡的信息，点击相应的咖啡子项，便可以跳转到对应的咖啡详情界面，其次还实现了下拉刷新item的功能。点击侧边栏可以打开一个类似于个人展示的界面，在toolbar上点击电话按钮可以实现打电话给客服的功能，进行咨询相关的咖啡信息。

2．所有截图

登录进系统:

登录进去之后：

点击底部浮动框：点击对应的组件可以弹出对应的提示信息

点击电话按钮 会跳转到电话界面：

侧边栏:
详情界面：

下拉刷新：

3．总结

在本次实验中，对于界面的绘制以及登录的设计，打电话按照课程所学内容进行设计，对于侧边栏，底部浮动button以及下拉刷新和卡片布局等布局方式是从课外学习而来。代码如下所示：
以主界面的一些布局设计与实现讲述：

DrawerLayout(官方侧滑菜单)的简单使用
CoordinatorLayout是Android用来解决各种复杂的折叠悬浮效果，结合AppBarLayout、CollapsingToolBarLayout可以实现各种复杂炫酷的头部悬停效果
CoordinatorLayout和AppbarLayout的配合, 以及实现了NestedScrollView的布局或控件.
AppbarLayout是一种支持响应滚动手势的app bar布局, CollapsingToolbarLayout则是专门用来实现子布局内不同元素响应滚动细节的布局等

参考链接：
[Android]CoordinatorLayout简介（一）CoordinatorLayout的简单使用
https://www.jianshu.com/p/0d2df641e730
AppbarLayout的简单用法
https://www.jianshu.com/p/bbc703a0015e
SwipeRefreshLayout的基本使用
https://blog.csdn.net/fjnu_se/article/details/106687692
安卓NavigationView使用方法
https://blog.csdn.net/qq_40881680/article/details/82712476
设计header

设置子项咖啡显示：

咖啡详情界面：

4. 源代码获取

本次的分享就到这里啦，创作不易，感谢点赞收藏👍
需要的小伙伴可以在评论区留言或者私信我哦💕

视频展示：

咖啡展示App