编者按:最近发现挺多好网站,挑选了几个好用的,帮不熟悉色彩的设计师搞定Material配色,给设计师提供网页元素组件的排版灵感,还有轻易制作Bootstrap模板并输出HTML格式的神站,全都有各自的用处,而且都是在线的,很方便,来自取咯。 一、Material Design专用在线配色工具 Material Palette主要特色是可以让用户一边选择颜色同时还能实时预览效果图,并且用户只需要
Material Design学习(二)上一篇介绍了一个Material Design的各种控件的使用,并且将其组成了一个完整的Demo,根据代码一步一步来我想收获应该是不少的。今天就学习下Material Design的其他方面的用法--动画在Android L中新增了如下几种动画: - Touch feedback(触摸反馈) - Reveal effect(揭露效果) - Activi
转载
2024-07-10 14:38:09
62阅读
Material design Material Design大家并不陌生,Google为了保证Android平台上交互及视觉规范化提出了Material Design这个设计理念,它包括视觉、交互等多个方面。本文,在初步介绍Material Design的基础上,以一个开发者的视角来带大家来深入了解Material Design的开发及实现。一、什么是Material
文章目录简介Material Design提供的材料主题AppCompatActivityCoordinatorLayoutBehaviorMaterial Design中的部分控件 Material Design相关网站Material Design官网:https://www.mdui.org/design/material-design/introduction.htmlMaterial
转载
2024-09-03 10:36:00
156阅读
文章目录1.什么是Material Design2.Toolbar3.滑动菜单3.1DrawerLayout3.2NavigationView4.悬浮按钮和可交互提示4.1FloatingActionButton4.2Snackbar4.3CoordinatorLayout5.卡片式布局5.1CardView5.2AppBarLayout6.下拉刷新7.可折叠式标题栏7.1CollapsingT
转载
2023-08-06 15:25:22
94阅读
设计规范细致入微,需要消化好一阵子。越读越感受到它的妙处,假如每个细节都严格遵照Material design的思想来设计,哪怕你不是设计人员,你的产品也一定不会难用和难看。当然,作为设计师,要求就更高了。设计文档本身,就提供了一种很好的方式,帮你从各个角度思考和构建自己产品的规范。但在这之前,先要好好整理一下学习笔记。要打破规矩,必先掌握规矩。 由于只是
转载
2024-08-30 22:55:11
375阅读
文章目录一、前言二、模板的内涵三、数据外衣DataTemplate四、控件的外衣ControlTemplate4.1. 庖丁解牛看控件4.2. ItemControl的PanelTemplate五、DataTemplate与ControlTemplate的关系与应用5.1. DataTemplate与ControlTemplate的关系5.2. DataTemplate与ControlTempla
本着每天记录一点成长一点的原则,打算将目前完成的一个WPF项目相关的技术分享出来,供团队学习与总结。总共分三个部分:基础篇主要针对C#初学者,巩固C#常用知识点;中级篇主要针对WPF布局与MaterialDesign美化设计,在减轻代码量的情况做出漂亮的应用;终极篇为框架应用实战,包含系统分层、MVVM框架Prism安装与使用、ORM框架EntityFramework Core配置与使
Material Design 是用于指导用户在各种平台和设备上进行视觉、动作和互动设计的全面指南。如需在您的 Android 应用中使用 Material Design,请遵循 Material Design 规范中定义的准则,并使用 Material Design 支持库中提供的新组件和样式。本页概述了您应使用的模式和 API。Android 提供了以下功能来帮助您构建 Material De
转载
2023-12-19 20:17:50
70阅读
一:Material Design–概述Material Design – 是将经典的设计原则和科技、创新相结合而创造的设计语言。Material Design原则Material 是一种隐喻
通过构建系统化的动效和空间合理化利用,并将两个理念合二为一,构成了实体隐喻。鲜明、形象、有意义
Material Design 设计语言强调根据用户行为凸显核心功能,进而为用户提供操作指引。有意
转载
2024-03-05 15:09:37
169阅读
Material DesignMaterial Design (原质化/材料化设计) 是在2014年Google I/O大会上推出的一套全新的界面设计语言。意在解决Android平台界面风格不统一调的问题。1.SwipeRefreshLayout (下拉刷新)SwipeRefreshLayout 用来实现下拉刷新把要实现下拉刷新的控件放置到 SwipeRefreshLayout 中,eg:<
转载
2024-05-28 11:09:48
495阅读
TabLayout 说到TabLayout,就是实现多个Tab之间的切换,Google在Design library新推出的TabLayout能实现如下三种效果: 1、固定的选项卡 (Tab的宽度平均分配) 2、Tab居中显示 3、可滚动的选项卡(Tab宽度不固定,同时可以横向滚动) 对应三种的效果图如下 固定的Tab,根据TabLayout的宽度适配 固定的Tab,在TabLayout中居中显
转载
2024-05-12 17:34:39
66阅读
记录 (非常详细的 TabLayout用法), 学习 http://www.jianshu.com/p/13f334eb16ce
转载
2017-07-15 02:11:00
52阅读
2评论
吐槽 作为一个 Android developer,没有什么比拿着 UI 设计的一堆 iOS 风格的设计 来做需求更恶心的了,基本所有空间都要照着 iOS 来画一遍,Material Design 辣么酷炫 为什么 UI在设计的阶段不设计成 Material Design风格呢? 今天试了几个比较S
原创
2021-12-16 13:37:34
207阅读
CollapsingToolbarLayout作用是提供了一个可以折叠的Toolbar,它继承至FrameLayout,给它设置layout_scrollFlags,它可以控制包含在CollapsingToolbarLayout中的控件(如:ImageView、Toolbar)在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端)。
原创
2023-05-05 20:27:14
198阅读
Material Design是在2014年Google I/O大会上重磅推出的一套全新的界面设计语言,是由谷歌的设计工程师们基于传统优秀的设计原则,结合丰富的创意和科学技术所发明的一套全新的界面设计语言,包含了视觉、运动、互动效果等特性。为支持Material Design UI设计风格,谷歌在2015年的Google I/O大会上推出了一个Design Support库,这个库将Materia
转载
2024-09-05 07:05:07
26阅读
Material Design,中文名:材料设计语言,是由Google推出的全新的设计语言,谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。然而,Material Design却是UI设计者和Android开发者同时应该注意和学习的事。为什么呢,美工是设计者,程序员是实现者。程序员要知道怎么快速地去实现美工根据Material Design设计的
转载
2024-05-02 22:33:16
469阅读
写在前面这是Material Design系列文章的第四篇,讲一下项目中用得非常多的一个组件-Tabs,在一个app中,Tabs 使不同视图和功能之间的切换变得简单。使用 tabs 将大量关联的数据或者选项划分成更易理解的分组,可以在不需要切换出当先上下文的情况下,有效的进行内容导航和内容组织,便于用户操作。提升用户体验。下面一起来看一下Tabs的使用。Tabs 的使用方式用法:tab 用来显示有
原创
2020-12-24 22:22:47
2306阅读
一、3D基础知识1.1 坐标系我们知道,在2D平面绘图时,WPF使用的坐标系(其实计算机上的图形处理一般都是这样)是以屏幕左上角为原点,向右为x轴正方向,向下为y轴正方向。而WPF的3D坐标系,取区域中心为原点,向右为x轴正方向,向上为y轴正方向,z轴正方向垂直于屏幕指向我们。这是一个右手系,读者可以伸出自己的右手,做下图所示动作。拇指、食指、中指分别代表x、y、z轴。1.2 3D世界的
Snackbar十大Material Design开源项目RetrofitRetrofit2ToolBar
原创
2015-01-22 14:09:13
577阅读