
Google Material Design 控件
Code-Porter
一位大前端开发程序员,从事多年前端开发,熟练App、网站、服务端、数据库、H5和小程序等平台的开发;在物联网领域开发有着丰富的经验,对技术要求苛刻、热爱分享、热爱新技术...
展开
-
Android Support Design库之SnackBar初使用
在谷歌提出 Material Design 之后,终于推出了 android.support.design 这个官方的Material Design库,这几天我也简单浏览了下这个库,基本上我们常用的组件都有了。这些控件的使用可以让你的应用更加符合扁平化设计,美观用户体验度更佳。SnackBar是用来取代Toast提示一些简短的信息,我们先来看下效果,还是很实用的。首先需要引入support.des原创 2016-09-11 12:13:58 · 921 阅读 · 0 评论 -
安卓BottomNavigationBar酷炫导航栏
今年三月份Google在自己推出的Material design库中增加了BottomNavigationBar导航栏控制器。以前想要实现这个效果可谓是方法众多,五花八门像TabHost,RadioButton,textView等等,现在推出了这个就可以完美取代其它各式各样的导航栏。借鉴了这两篇博客,写了这个带Fragment状态保存的BottomNavigationBar。转载请注明出处:http原创 2016-09-04 12:59:13 · 5828 阅读 · 5 评论 -
Android Support Design库之TextInputLayout
TextInputLayout可以说是用来升级EditText的,它是一个容器,内部也只能放一个子view也就是EditTxet,下面来看下效果当EditText获得焦点的时候,hint提示会已动画效果跑到输入框的上方提示你这里需要输入什么内容,还可以记录输入字符的长度,对用户来说还是非常方便的!gradle需要引入degisn库的支持 compile 'com.android.support:原创 2016-09-11 20:52:12 · 987 阅读 · 0 评论 -
Android Support Design库之TabLayout
TabLayout作用:用于显示可切换的标签效果替代PagerTabStrip的效果,且比PagerTabStrip要好看,TabLayout的效果要优良与Tab导航模式。(其实就是我们用的最多的导航栏)1.需要引入degisn库的支持compile 'com.android.support:design:23.2.0'2.布局引入,这里使用了两个上面的自定义了Tab<?xml version="1原创 2016-09-13 22:01:24 · 2105 阅读 · 0 评论 -
Android Support Design库之FloatingActionButton
FloatingActionButton(以下简称FAB)是继承自ImageView,所以FAB拥有ImageView的所有属性。CoordinatorLayout可以用来配合FAB浮动按钮,设置app:layout_anchor和app:layout_anchorGravity构建出特定的位置与效果的FloatingActionButton。1.引入design库的支持//版本可以修改为自己对应的原创 2016-10-01 14:29:16 · 1357 阅读 · 0 评论 -
使用CollapsingToolbarLayout实现带图片折叠的ToolBar
CollapsingToolbarLayout作用是提供了一个可以折叠的Toolbar,它继承至FrameLayout,给它设置layout_scrollFlags,它可以控制包含在CollapsingToolbarLayout中的控件,在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端)效果图1.首先添加需要的支持 compile 'c原创 2016-09-21 18:05:57 · 7264 阅读 · 3 评论 -
Android Support Design库之AppBarLayout
AppBarLayout跟它的名字一样,把容器内的组件全部作为AppBar,就像下面将一个ToolBar和TabLayout包裹在一起。1.在build.gradle中添加依赖库的支持compile 'com.android.support:design:23.2.0'compile 'com.android.support:cardview-v7:23.4.0'2.在布局中使用AppBarLay原创 2016-09-15 11:52:58 · 3077 阅读 · 0 评论 -
Android Support Design库之DrawerLayout和NavigationView
侧滑菜单可以很好的利用有限的屏幕空间来加载更多的内容,在DrawerLayout还没有出现之前都是使用SlidinglMenu来实现的,但是效果并不是很好所以今天我们就来用最新DrawerLayout和NavigationView来实现侧滑菜单1.如果使用的是Android Studio的用户就有福利了,只需几部变可快速实现,在创建项目的时候选择带侧滑菜单的模版,在这里我们抱着学习的心态所原创 2016-09-27 17:41:02 · 1809 阅读 · 0 评论