又到期末了,学习下Google的材料设计.写下此文记录自己的同时,分享给需要的同学,若发现文中有什么问题和不对,欢迎指出 使用 Material Design 创建新应用 首先需要使用材料主题 如果是在5.0及以上的系统,可以直接使用材料主题.否则,就需要做5.0之前系统的兼容 引用Google官方的话: 您可对您的应用进行配置,使应用能够在支持它的设备上使用材料主题,并且能够在运行早期版本 Android 的设备上还原至早期版本的主题 具体操作就是: 定义备用样式 style和v-21的sty

心血来潮,想学学 material design 的设计风格,就尝试完成了一个登录页面制作. 这是整体效果. 感觉还不错吧,结尾会附上代码 在编写的过程中,没有使用任何图片或者字体图标,全部使用css3完成,还是遇到一些难点和bug,所以想笔记下来,以后方便查阅. 响应式设计 在这个页面中,使用下面3点来完成响应式设计 最大宽度 .设定了一个 max-width 的最大宽度,以便在大屏幕时兼容. margin : 20px auto; 使其保持时刻居中 组件使用像素 关于响应式的设计要点还有很多

PS:纵观现在大大小小软件的界面都变的比较漂亮,还有一些系统了,比如小米的MIUI,华为的EMUI等,虽然底层都是安卓,但他们的界面多多少少都会不同,谷歌对这个UI也是非常重视的,MaterialDesign就是今天的主角,首先在看这个的同时,要搞清楚什么是Material Design,百度百科解释,中文名:材料设计语言,是由Google推出的全新的设计语言,谷歌表示,这种设计语言旨在为手机.平板电脑.台式机和"其他平台"提供更一致.更广泛的"外观和感觉". 网上

PS:在这之前也就是上一篇介绍了MaterialDesign一些滑动删除.标题栏的悬浮效果等,如果没看过第一篇的小火鸡可以看一下,因为这篇是接着上一篇写的,有一些东西上一篇写过了这里就不在重复了(MaterialDesign应用技术一),这篇也是上一篇的升级版,在我们日常写界面的时候,都想简单并且界面美观,这就少不了动画效果,MaterialDesign我们一般用到的动画,里面都有,不用我们自己写,在这个强大的库里,他都能够做什么呢,让我们来简单看一下. 上滑 顶部背景图片缓慢消失,标题悬浮 在

为了尊重作者,先放上链接:https://github.com/qstumn/BadgeView BadgeView 一个可以自由定制外观.支持拖拽消除的MaterialDesign风格Android BadgeView Change Log v1.0.5 添加了getTargetView方法 一些特性 随意定制外观,包括Badge位置.底色.阴影.文字颜色.大小.内外边距等 Badge数字小于0时显示dot,等于0时隐藏整个Badge,在普通模式下超过99时显示99+,精确模式下显示具体值 支

概述 该项目主要用来学习Material Design Support Library和一些android其他技术,也借鉴了网上一些其他优秀的学习资源.该项目目前主要分为俩大部分(后期可能会有一些增加): 解析干货集中营的开放API,实现一个简单的干货客户端 随时随地掌握技术最新动态 有趣的搞笑图片(尝试了MVP设计框架) 其中分别尝试了不同的实现方式,解析干货集中营时采用了开源库XRecyclerView提供的刷新,而搞笑图片模块则是使用SwipeRefreshLayout+RecyclerV

NavigationView的使用 这里我们来讲讲在Android5.0之后推出的NavigationView的具体使用方式.和普通的侧拉菜单制作方式一样,首先所有的东西还是都放在一个DrawerLayout中.如果对DrawerLayout的用法还不是很了解的. 可以参考我上一篇文章:Android——MaterialDesign之二DrawerLayout     CircleImageView是实现图片圆形化的功能,我是感觉非常的nice,很好用.具体看下面例子操作. 首先添加库: Nav

滑动菜单--DrawerLayout 滑动菜单就是把一些菜单选项隐藏起来,而不是放置主屏幕中,然后可以通过滑动的方式将菜单显示出来,具有非常的画面效果,就是类似侧边滑动. 例子:需要上一次的Toolbar,省略的内容参考Android——MaterialDesign之一Toolbar <android.support.v4.widget.DrawerLayout ... android:id="@+id/drawer_layout"> <FrameLayout>

Toolbar 由于ActionBar设计原因只能存在活动的顶部,从而不能实现MaterialDesign的效果,现在推荐使用Toolbar,继承Actionbar,但是比起它更加的灵活. 设置主题:在style.xml文件中 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">   MainActivity_Xml: <?xml version="1.0&q

代码地址如下:http://www.demodashi.com/demo/11644.html *今天看了郭神的第二行代码,深深的被MaterialDesign的设计风格所吸引,然后就照例做了一个小Demo,希望多多支持,图片资源来源于网络. 我的博客地址 照例,一波动态图来袭: 效果还不错吧,就是有点失真...其实在这之前Android的UI风格都不是很美观,所谷歌的设计工程师们就开始研究出了一种新的设计语言---MaterialDesign.在2015年得谷歌大会上推出了DesignSupp

5.0以后,materialDesign风格,出现了立体这种概念,高光,阴影,也就是Z轴,凸显层次:同时,裁剪view也变得方便简单了很多. 1,先说说阴影的实现. 方案1:在xml中设置 xml中设置有两个方式,android:elevation="2dp" android:translationZ="2dp"这两句代码是可以同时并存的,而且是叠加的效果:当然只使用其中一个属性进行z轴的阴影设置也是OK的. 方案2:在代码中设置 (下面说这个实现方式,其实就是轮廓

一.概述 MaterialDesign设计理念 MaterialDesign动画 二.实例讲解 (1)Touch Feedback (2)Reveal Effect (3)Activity Transition (4)Curved motion (5)View State Change (6)Animate Vector Drawable(SVG) 三.总结

本着每天记录一点成长一点的原则,打算将目前完成的一个WPF项目相关的技术分享出来,供团队学习与总结. 总共分三个部分: 基础篇主要争对C#初学者,巩固C#常用知识点: 中级篇主要争对WPF布局与美化,在减轻代码量的情况做出漂亮的应用: 终极篇为框架应用实战,包含MVVM框架Prism,ORM框架EntityFramework Core,开源数据库Postgresql. 目录 Prism+MaterialDesign+EntityFramework Core+Postgresql WPF开发总结

本着每天记录一点成长一点的原则,打算将目前完成的一个WPF项目相关的技术分享出来,供团队学习与总结. 总共分三个部分: 基础篇主要争对C#初学者,巩固C#常用知识点: 中级篇主要争对WPF布局与MaterialDesign美化设计,在减轻代码量的情况做出漂亮的应用: 终极篇为框架应用实战,包含MVVM框架Prism,ORM框架EntityFramework Core,开源数据库Postgresql. 目录 Prism+MaterialDesign+EntityFramework Core+Pos

首先在App.Xaml引入相关资源 <Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <!--Handy Control--> <ResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/SkinDefault.xaml&q

<ComboBox Width="200" Height="30" x:Name="ComboxName" Text="{Binding CboxText,Mode=TwoWay}" ItemsSource="{Binding TenantsModel}" SelectedItem="{Binding Model}" DisplayMemberPath="name&quo

转岗写了将近一年的 PHP 最近因为 工作太多太杂, 在汇报工作的时候经常会忘记自己做了些什么,本来想只是使用excel来记录,但是发现了excel的很多局限性,光是无法共享就郁闷死了,习惯了下班不带电脑,回家就没办法记录自己的工作内容了. 于是就想自己写一个用于管理工作时间的小软件,要求轻便简单实用,随时登录,随时记录. 本想随便写写的自己用就行,但是,window原生太丑了,实在不能忍,在参考了很多toolkit之后,发现了一款神器, Material Design In XAML 是一看参

FloatingActionButton 悬浮按钮,默认colorAccent来作为按钮的颜色 <android.support.design.widget.FloatingActionButton    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:id="@+id/f_button"    android:la

title: 基于Material Design的Gank IO客户端 date: 2017-03-13 12:58:03 tags: - Android - Material Design - RxJava - Retrofit - ButterKnife - MVP categories: - Android 版权声明:本文为博主原创文章,未经博主允许不得转载. 微博:厉圣杰 源码:GankIO 文中如有纰漏,欢迎大家留言指出. 据说去年 RxJava + Retrofit 很火,但是自己一

什么是水波点击的效果? 下面是几种不同的实现方法的效果图以及实现方法   Video_2016-08-31_003846 如何实现? 方法一 使用官方提供的RippleDrawable类 优点:使用方便,非常漂亮. 缺点:Android5.0以下版本无法使用 步骤: 添加一个普通的 ripple_bg_drawable.xml 背景文件 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:andr

material https://github.com/rey5137/material MaterialDesignLibrary md控件库,可兼容到2.2. https://github.com/navasmdc/MaterialDesignLibrary Material Dialog https://github.com/afollestad/material-dialogs enter description here Material Spinner https://github.