前言 设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 能否设计出通用前端组件也是区分前端工程师和前端api调用师的标准之一,那么应该如何设计出一个通用组件 ...
分类:
其他好文 时间:
2019-10-15 13:27:38
阅读次数:
89
1、cupertino_IOS风格介绍 在Flutter里是有两种内置风格的: material风格: Material Design 是由 Google 推出的全新设计语言,这种设计语言是为手机、平板电脑、台式机和其他平台提供一致,更广泛的外观和感觉。我喜欢称它为纸墨设计。Material Des ...
分类:
移动开发 时间:
2019-06-14 21:43:44
阅读次数:
329
cardview 预览图 常用属性 |属性名 |说明 | | | | |cardBackgroundColor|设置背景颜色 | |cardCornerRadius|设置圆角大小| |cardElevation|设置z轴的阴影 | |cardMaxElevationz|轴的最大高度值| |cardU ...
分类:
移动开发 时间:
2019-04-17 11:03:10
阅读次数:
224
我非常喜欢Material Design里折叠工具栏的效果,bilibili Android客户端视频详情页就是采用的这种设计。这篇文章的第二部分我们就通过简单的模仿bilibili视频详情页的实现来了解下CollapsingToolbarLayout的使用。文章的第三部分介绍了Collapsing ...
分类:
移动开发 时间:
2019-04-11 16:30:15
阅读次数:
213
TabLayout是在APICloud现有窗口系统基础上升级而来的高级窗口组件,符合Material Design规范,可通过简单的配置为窗口实现原生的导航栏和TabBar,它将帮助您节省30%以上的重复编码工作量,同时为APP节省50%以上的系统资源开销,带来APP页面打开速度、应用性能上的整体提 ...
分类:
其他好文 时间:
2019-03-19 15:09:06
阅读次数:
133
转:https://www.jianshu.com/p/9c072bc99ebe <!-- 文章内容 --> 谷歌在Material Design中推出TabLayout以替代开源库PagerSlidingTabStrip和ViewPagerIndicator的使用。事实上,这类indicator指 ...
分类:
其他好文 时间:
2019-02-10 00:26:28
阅读次数:
227
文章出处https://blog.csdn.net/qq_32368129/article/details/78749880 1.MaterialStepperView它是用Material Design实现Steppers的。目前,Stepper只有垂直视图,但将来会有更多的风格。你可以尝试一下, ...
分类:
移动开发 时间:
2019-01-31 10:33:53
阅读次数:
160
Android精选源码 " 复现网易云音乐引导页效果 " " 高仿书旗小说 Flutter版,支持iOS、Android " " Android Srt和Ass字幕解析器 " " Material Design ViewPager切换变色美观效果 " " 卡证识别 相机样式 " " Android炫 ...
分类:
移动开发 时间:
2019-01-22 15:03:20
阅读次数:
246
系统默认使用的是ActionBar,就是界面中的标题栏,但是由于ActionBar设计的原因,被限定只能位于活动的顶部,从而不能实现Material Design效果,所以官方建议使用Toolbar替换掉ActionBar 下面来看一下,如果使用Toolbar 1、首先先去掉默认的ActionBar ...
分类:
移动开发 时间:
2019-01-21 13:45:19
阅读次数:
257
网络大厂最近宣布G Suite多项产品的版面设计即将更新,包含网页版的网络大厂文件、电子表格、简报、架站暨协作平台Sites,导入网络大厂在2014年推出的设计语言Material Design,将该设计准则套用于这些产品中,这次的更新只有针对版面设计,功能上不会有任何改变,版面的更新包含接口排版印刷更加清晰、易读的字体、网络大厂自定义的设计、控制版面更加一致、图示变得清晰等,未来Gmail 和行事历也会有一致的使用体验。
分类:
其他好文 时间:
2019-01-17 20:00:40
阅读次数:
321