充实的一天又过去了,今日还算是比较清闲的,不过毕设和项目推进的都可以
今天来点干货,总结和明日计划都放到最后吧(从写完返回来,决定不写总结和明日计划啦哈哈)
今天来大家走进MaterialDesign的世界,你肯定会问,什么是MaterialDesign
一、什么是MaterialDesign?
最开始我也不知道,那么我们问一下万能的ChatGPT,他的回答是这样的:
是不是感觉很懵逼,其实我也是,有没有解释清楚一点的,有的,我看的是霖神的第一行代码,里面对MaterialDesign的介绍是这样的:
霖神的解释其实已经很通俗易懂了,不过其实还是有点懵,按么我说下我的理解:
所谓MaterialDesign,就是你用Google的Material库里面的控件,以及它的设计风格进行开发
至少我的理解是这样的,那么接下来带你认识一下身边的MaterialDesign
二、MaterialDesign就在身边!
我专门截了两张手机的图:
这两张图大家一目了然,一个是QQ里面的消息,一个手手机屏幕截屏
QQ消息的展示以及桌面图标的展示,是不是感觉有种舒适的感觉,也有可能你看习惯了,觉得这习以平常,但这就是MaterialDesign,它无处不在
你可以打开你的社交app、甚至是游戏里面的ui,基本上都符合这个风格
那么如果不用,会怎么样呢
三、不用MaterialDesign才知道MaterialDesign有多好
我就还举最简单的例子,我的毕设
我毕设的弹窗之前没有MaterialDesign,它的样式是这样的:
但是用了MaterialDesign的控件后:
你可能觉得没什么区别啊,不就是矩形变圆角矩形
那么看这一张:
是不是感觉这个弹窗和后面的ui不像一个世纪的东西
不错这就是MaterialDesign的魅力,能够让你的app不需要很复杂的设计就魅力十足
四、怎么学习使用MaterialDesign
看完上面,相信你也能意识到MaterialDesign的强大之处,按么到底如何学习使用呢?
可能有人会说什么教程,文章,其实最好的学习与使用就是自己去搭配
下面是MaterialDesign的官网:Material Design
长这个样子:
是不是有种很美的感觉,那么这个到底怎么使用呢?其实就是你需要什么就去看哪里
就比如下午我觉得我的Dialog弹窗很丑,于是我就尝试去找一个符合风格的Dialog:
这里面会对它的设计风格、使用方法、具体参数,有详细的介绍:
那么分享下我的代码:
private void ShowPictureAddDialog() {
//展现dialog
new MaterialAlertDialogBuilder(this)
.setTitle(R.string.pocket_book_dialog_title)
.setMessage(R.string.picture_add_message)
.setNeutralButton(R.string.delete_alter_dialog_negative, (dialog, which) -> logDebug("cancel"))
.setPositiveButton(R.string.select_from_gallery, (dialog, which) -> selectPictureFromMedia())
.setNegativeButton(R.string.shoot_picture, (dialog, which) -> startShoot())
.show();
}
它的效果:
五、结语
怎么样,经过上面的介绍,是不是对MaterialDesign期待满满,快快去学习使用MaterialDesign,它不仅可以让你掌握很简单实现优美ui的能力,还能提高你的审美能力呢
最后,明天就是元宵节,祝大家元宵节快乐,好好地享受生活吧!