Android Matarial Design
文章平均质量分 95
小欣儿
我性格开朗,喜欢敲代码,喜欢和志同道合的朋友们交流。
展开
-
Material Design 进阶(十一)——Chip,ChipGroup,ChipDrawable使用
Chip 可以被放置在 ChipGroup 中,以实现流式布局。该组件合 RadioGroup 很相似,都是用来管理多个子 View 的,可以控制内部子 View 的布局方式。Chip 没有像其他组件一样具有 4 个参数的构造函数,因为它扩展了不支持 4 参数构造函数的 AppCompatCheckbox。但是你可以使用不同的方式。通过xml添加比较简单就不再阐述。重点关注下动态添加,可以为以后做复杂的布局效果做铺垫;原创 2024-01-14 23:39:55 · 1488 阅读 · 0 评论 -
Materail Design 入门(十一)——Palette 使用
Palette简介Palette可以从一张图片中提取颜色,我们可以把提取的颜色融入到App UI中,可以使UI风格更加美观融洽。比如,我们可以从图片中提取颜色设置给ActionBar做背景颜色,这样ActionBar的颜色就会随着显示图片的变化而变化。Palette可以提取的颜色如下:Vibrant (有活力的)Vibrant dark(有活力的 暗色)Vibrant light...原创 2018-05-17 15:18:57 · 727 阅读 · 0 评论 -
Materail Design 入门(六)—— TabLayout之设置自定义指示器宽度(3)
本节将为大家介绍一个好用的第三方框架可以直接设置指示器的宽度高度——XTabLayout。在没有使用TabLayout控件的时候大家使用的万能指示器应该是MagicIndicator,XTabLayout个人觉得比MagicIndicator更为简单易用。下面我们就来进行XTabLayout的学习和使用吧。XTabLayout是基于design包中的TabLayout进行了功能的扩展,在保留转载 2018-01-29 11:37:37 · 1391 阅读 · 0 评论 -
Android——仿美团商品详情页折叠效果
首先看下效果图: 相信大家已经不陌生了,进入商品详情页,首先是左图的效果,当我们向上滑动的时候逐渐变化为右图的效果。使用知识点:MaterialDesign中的CoordinatoryLayout,ToolBarLayout,CollapsingToolBarLayout。源码如下: 1、xml布局文件<?xml version="1.0" encoding="utf-8"?><a原创 2017-10-13 16:54:06 · 8822 阅读 · 0 评论 -
Material Design 入门(二)——CardView
上一章我们分享了TextInputLayout和TextInputEditText的使用方法,比较简单,下面我们再来分享一个小控件CardView的用法。java.lang.Object ↳android.view.View ↳android.view.ViewGroup原创 2016-08-29 17:32:37 · 1170 阅读 · 0 评论 -
Materail Design 入门(四)——Toolbar的使用方法(1)
最近有些忙,今天又用到了Toolbar就想起来继续写Material Design的文章了,大家久等了,今天我们主要来讨论下Toolbar的使用方法以及使用过程中可能遇到的问题。 简单介绍下,Toolbar是Android 5.0提供的控件,如果想在低版本上使用导入V7包即可。通常一个APP的多个页面中都会有一个标题,而且效果差不多,这时我们可以考虑在Activity的基类中集成Toolbar原创 2016-11-29 18:28:02 · 1509 阅读 · 0 评论 -
Materail Design 入门(九)—— NavigationView的使用
一个比较简捷方便的控件NavigationView的使用原创 2017-07-06 15:17:32 · 946 阅读 · 2 评论 -
Materail Design 入门(五)—— 使用DrawerLayout实现仿qq6.0的侧滑菜单功能
本节引言: 本节给大家带来基础UI控件部分的最后一个控件:DrawerLayout,官方给我们提供的一个侧滑菜单 控件,和上一节的ViewPager一样,3.0以后引入,低版本使用它,需要v4兼容包,说到侧滑,相信 很多人都用过github上的SlidingMenu,不过好像有两个版本,一个是单独的,另一个需要依赖另一 个开源项目:ActionBarSherlock;既然Google为我们提供原创 2017-07-06 14:17:11 · 933 阅读 · 0 评论 -
Materail Design 入门(十)—— RecyclerView的使用(二)万能分隔线
这篇博客作为上一章的补充,今天在总结一点Recyclerview分割线的使用,相信大家在网上已经看过了太多的万能分割线,真的万能吗?大多数情况还是满足的,比如横向列表,竖向列表,用的还是挺好的,如果是一个GridView可能就尴尬了,大多数万能分割线画出来的都不那么完美,他会在没有内容的item上也画上分割线(如下图),这样的效果通常不是我们所需要的。原创 2017-07-10 18:11:30 · 1061 阅读 · 0 评论 -
Android——仿优酷节目筛选功能实现
来来来,先看下效果图~ 这里有同学可能就已经想到了,这个不就是折叠式的toolbar实现的吗?对啊,我确实是这么做的,还是挺简单的,今天就给大家分享下code了,不过中间也遇到了些小插曲,比如:Toolbar上的文字不居中,分类不可点击等等。老规矩先上代码,跟着代码来分析总结。布局文件<?xml version="1.0" encoding="utf-8"?><LinearLa原创 2017-07-03 15:45:29 · 2826 阅读 · 4 评论 -
Materail Design 入门(十)—— RecyclerView的使用(一)
墨迹了这么久终于写到了Material Design系列的最后一篇了。这篇RecyclerView的使用仅作是知识的回顾吧。本章节我们一起来复习下Recyclerview布局的设置(竖向列表,横向列表,竖向网格列表,横向网格列表,瀑布流),添加分割线,添加ItemClick事件,下拉刷新,上拉加载等功能。RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK原创 2017-07-06 17:29:37 · 1327 阅读 · 0 评论 -
Materail Design 入门(六)—— TabLayout之使用介绍(1)
在进入正题之前首先我们来看一张效果图,如下图: 看到这样的Tab效果你通常会怎么做呢?思考3秒钟,在Materail Design之前你可能会用3个Button或者CheckedTextView,这些都是最原始的处理方法,修为高点的同学呢可能会在github上面找一些大牛们推荐的第三方框架来实现,简单又方便,比如PagerSlidingTabStrip去实现,或者viewpagerin原创 2017-03-06 16:46:39 · 748 阅读 · 0 评论 -
Materail Design 入门(六)—— TabLayout之标题中添加自定义View(2)
上一篇我们介绍了TabLayout的简单实用方法,本节来说说如何在TabLayout的标题上添加自定义View,目前来说几乎每个App中都会有Tab样式,而且多数还都是主页直接就放置了几个Tab按钮,有的是文字的,有的还会有图标,下面我们就来说说如何给Tab按钮加上漂亮的图片。1、自定义View布局LinearLayout xmlns:android="http://schemas原创 2017-03-07 16:55:54 · 5168 阅读 · 0 评论 -
Materail Design 入门(七)——AppBarLayout的使用方法
最近发现好多App的顶部栏做的越来越炫酷了,还可以伸缩呢,其实要归功于AppBarLayout的作用啦,今天看到一篇文章写的特别好,我就拿过来给大家分享下,过几天自己的demo写完之后有什么感悟和总结也会一起补充过来。好了废话就到这里,现在开始进入正题。 AppBarLayout继承自LinearLayout,布局方向为垂直方向。所以你可以把它当成垂直布局的LinearLayout来使用。转载 2017-03-10 18:32:28 · 1806 阅读 · 0 评论 -
Materail Design 入门(八)——CollapsingToolbarLayout的使用方法
CollapsingToolbarLayout是用来对Toolbar进行再次包装的ViewGroup,主要是用于实现折叠(其实就是看起来像伸缩~)的App Bar效果。它需要放在AppBarLayout布局里面,并且作为AppBarLayout的直接子View。CollapsingToolbarLayout主要包括几个功能(参照了官方网站上内容,略加自己的理解进行解释): (1) 折叠Ti转载 2017-03-10 18:37:14 · 1164 阅读 · 0 评论 -
Materail Design 入门(四)——Toolbar的使用方法(2)
这一篇呢,我们就接着上一篇继续,给大家介绍下在BaseActivity中如何集成Toolbar的功能1、编写Toolbar的xml布局文件内容详见上一篇 Materail Design 入门(四)——Toolbar的使用方法(1)2、在需要Toolbar的地方,通过将Toolbar的布局引入3、创建BaseActivity并初始化Toolbar,同时提供Toolbar的操作方法public abs原创 2016-11-30 09:56:30 · 627 阅读 · 0 评论 -
Materail Design 入门(三)——FloatingActionButton和Snackbar
这节我们蒋一起学习两个小控件FloatingActionButton和Snackbar1、FloatingActionButton一个负责显示界面基本操作的圆形按钮。Design library中的FloatingActionButton 实现了一个默认颜色为主题中colorAccent的悬浮操作按钮。除了一般大小的悬浮操作按钮,它还支持mini size(fabSize=”mini”)。原创 2016-08-29 18:02:00 · 1614 阅读 · 0 评论 -
Material Design 入门(一)——TextInputLayout和TextInputEditText
最近学习了Material Design中提供的一些控件,下面就他们的使用方法陈述给大家,希望能够帮助大家快速上手。本例子使用在控件都在com.android.support:design包中,如果使用的是Android studio开发工具,在build.gradle 中直接添加compile 'com.android.support:design:24.1.1'即可。下面就开始Mate原创 2016-08-29 17:04:45 · 6694 阅读 · 0 评论