这可能是最简洁的登录界面--(我的电商项目界面美化之旅)

先介绍一下我的开源电商项目简书介绍,这个项目包含了安卓客户端的代码和Spring服务端代码,如果觉得不错,请star,如果觉得太丑请用star将我砸醒。我写这篇文章的目的是对这个项目的客户端进行美化的过程。有错误的地方,还请指出

为什么要美化界面

美化界面的原因一方面是提高自己对View的理解,另一方面也是最重要的方面,就是,很多同学向我吐槽说,我的项目的界面太丑。其实我觉的还OK了。所以,就这样开始我的美化之旅

美化前,美化后

美化前

Login.png

image

好像不是太丑的样子

美化后

LoginGif.gif

有没有感觉整个软件的逼格高起来了

过程

设计界面

设计.jpg

一个程序猿应当以字符界面为美。。。

所以我只能搜索一些设计网站看看有没有别人的UI视图,可以供我参考使用,于是我发现了下面三个网站

  • dribbble 里面的设计师画图又好看,长得又漂亮,我超喜欢哪里的。
  • behance 一个逗逼公司的产品,里面有很多高质量的UI设计图
  • UI中国emmmmm,也是不错的,毕竟中文更加亲切

于是,我在dribbble发现了ta,第一眼就爱上它了。

代码设计

设计难点

波浪选择

能够生成波浪的,据我所知有三种方式

我想到的第一点是通过性能,来测试两种曲线生成方式的好坏

测试贝塞尔波与正弦生成的优劣

第一步写代码


代码.jpg

因为上面的介绍文章里面有详细的代码,我这里就不复制了(需要略作修改,将速度调成一致,控制变量法)。
直接进入性能测试
附上性能截图

贝塞尔

选区_027.png

正弦函数模拟生成

选区_028.png

这里比较内存可以看出来,两者在内存占用上没有优劣之分,其中贝塞尔有一小点内存抖动,这里我们就忽略掉它。在来看CPU,这里的差距就很明显了,正弦函数,无论从占用和稳定性上,都比贝塞尔好很多。

结论

所以,我选择


知识点

  • EditText的样式修改
  • 自定义View
  • 杂七杂八的知识点
image
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。