安卓AndroidAPPDesignUI界面库+用它作界面的APP项目源代码.zip

共17个文件

txt：8个

url：7个

zip：1个

版权申诉

app

android

5星 · 超过95%的资源 189 浏览量 2021-01-09 11:03:39 上传评论 3 收藏 3.91MB ZIP 举报

【Android APP Design UI界面库与源代码解析】在Android应用开发中，UI设计与实现是至关重要的环节。这个资源包提供了Android APP Design UI界面库，以及一个使用此库实际构建的APP项目源代码，这对于开发者来说是一份非常有价值的参考资料。 1. **DrawerLayout与NavigationView** DrawerLayout是Android开发中的一个组件，它允许从屏幕边缘滑出一个可隐藏的抽屉式菜单，通常用于导航。而NavigationView则是设计包`design`中的一部分，它提供了一个标准的侧栏菜单模板，可以方便地添加头像、用户名等信息，并通过设置菜单项来实现各种功能。 2. **布局结构** - 主界面的根布局是CoordinatorLayout，这是一个高度可协调的布局容器，常用于实现复杂的滚动行为。 - CoordinatorLayout内部包含AppBarLayout，用于处理顶部栏的动画效果，比如与滚动视图的联动。 - AppBarLayout内部则包含Toolbar，这是对系统ActionBar的一种扩展，提供了更灵活的定制空间。 - TabLayout是与ViewPager配合使用，用以创建多标签页的界面。 - ViewPager则承载多个页面，用户可以通过左右滑动切换。 3. **RecyclerView与SwipeRefreshLayout** - RecyclerView是一种高效的列表视图，取代了旧版的ListView，支持更流畅的滚动和更灵活的数据绑定。 - 在ViewPager的每个页面中，可以看到使用了SwipeRefreshLayout，它可以添加刷新手势，当用户下拉时执行刷新操作。 4. **FloatingActionButton** FloatingActionButton是Android Design Support Library中的一种特殊按钮，它的外观类似一个小圆圈，通常用于表示"添加"或"下一步"等操作。它的动画效果使其更具吸引力，使用方法类似于普通的ImageView。 5. **Snackbar** Snackbar是Android Design Library新增的一个组件，它为用户提供了一种轻量级的反馈方式，相比于传统的Toast，Snackbar提供了更美观的显示效果和更多的交互功能，例如可以添加动作按钮，且位置更靠近屏幕底部，不会被输入法遮挡，提高了用户体验。通过研究这个资源包，开发者可以深入理解Android设计指南的实现，学习如何构建符合Material Design规范的界面，提升应用的用户体验。同时，源代码分析有助于理解Android组件的使用方式和布局设计技巧，对于提升开发技能大有裨益。

资源推荐

资源详情

资源评论

收起资源包目录

Android APP Design UI库+用它作界面的APP项目源代码.zip （17个子文件）

2.主界面的根布局是CoordinatorLayout,其内部上半部分是 AppBarLayout,下面是一个ViewPager. 右下角有一个FloatingActionButton.txt 0B

Snackbar是Android Support Design Library库中的一个控件，可以在屏幕底部快速弹出消息，比Toast更加好用.url 156B

直接拿来用！十大Material Design开源项目-CSDN.NET.url 95B

3.AppBarLayout内部包含代替系统actionbar的Toolbar和可以关联ViewPager做页面选项卡的TabLayout.txt 0B

Android5.0+(CoordinatorLayout) - 坐标布局.url 68B

4.而viewpager的每个页面内只是一个包含在SwipeRefreshLayout内部的RecyclerView而已.txt 0B

一个Demo带你认识Design库，纯原生控件也能做出很漂亮的效果 - CSDN博客.url 82B

designexample.zip 2.51MB

FloatingActionButton 完全解析[Design Support Library(2)] - Hongyang - CSDN博客.url 84B

1.最外层是个侧滑控件v4包里的 DrawerLayout 导航用的是 design包里的 NavigationView.txt 978B

android：ToolBar详解（手把手教程） - 泡在网上的日子.url 99B

效果图.gif 1.44MB

FloatingActionButton就是加了特效的ImageView，使用方法参考ImageView就可以.txt 0B

一个Demo带你认识Design库-CSDN下载.url 78B

app_bar_main.xml.txt 2KB

2.各控件布局之间的包含关系如下.txt 344B

Snackbar是Toast的替代者，样式更美观，还可添加交互功能更强大，算是个Toast和Notification的结合.txt 0B

<?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="cn.sleepycoder.designexample.MainActivity"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/appBarLayout" android:theme="@style/AppTheme.AppBarOverlay"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" app:layout_scrollFlags="scroll|enterAlways" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay" /> <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:background="?attr/colorPrimary" android:layout_width="match_parent" app:tabIndicatorColor="#fff" app:tabIndicatorHeight="3dp" app:tabMode="fixed" android:layout_height="wrap_content"> </android.support.design.widget.TabLayout> </android.support.design.widget.AppBarLayout <android.support.v4.view.ViewPager app:layout_behavior="@string/appbar_scrolling_view_behavior" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/viewPager"> </android.support.v4.view.ViewPager> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|end" android:layout_margin="@dimen/fab_margin" android:src="@android:drawable/ic_dialog_email" /> </android.support.design.widget.CoordinatorLayout>

评论收藏

内容反馈

版权申诉