电商开源项目准备了一个新首页

Posted 有点自卑丿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了电商开源项目准备了一个新首页相关的知识,希望对你有一定的参考价值。

首先这个界面的设计稿来自于dribbble ,其中有很多不一样的地方,主要原因还是我懒,其次是找不到素材。我的素材都是来自于网络,自然很多限制。

技术难点

客户端

  • 嵌套RecyclerView的处理,当然,这个是用库可以解决处理掉的。

  • 一开始我是用FloatingActionButton,来作为Shop Now的按钮,最后发现FloatingActionButton 的形状是不可能变化的,资料有关于FloatingActionButton的一些源码分析。

  • iconify库导入新的Icon


电商开源项目准备了一个新首页

服务器

  • Index页面设计更加复杂,返回的数据里面包含了两种信息。当然我用最笨的方法,直接读取数据然后拼接,实现了效果,但是应该来讲效率不高。

Iconify 自定义新的字体

第一步下载图标

首先在iconfont 中找到你中意的图标,然后下载下来

第二步将ttf导入到项目的assets目录下

我们在iconfont下载的图标都是以rar压缩包的形式存在的。我们将icon解压,会得到


然后将iconfont.ttf导入到android studio。

第三步,编写iconify的FontDescriptor

新建两个类

1.一个是枚举类

public enum CategoryIcons implements Icon {
icon_beatiful('\ue6de'),
icon_fastion('\ue608'),
icon_electronics('\ue68e');

char character;
CategoryIcons(char character) {
this.character=character;
}
@Override
public String key() {
return this.name().replace('_', '-');
}

@Override
public char character() {
return character;
}
}




内容太长就简略讲一下,想了解更多引流玩法,领取引流资料,或是进引流交流群的都可以找我!微信:astar989,记得备注:学习引流,我分享资料给你)



以上是关于电商开源项目准备了一个新首页的主要内容,如果未能解决你的问题,请参考以下文章

电商前台项目:完成Home首页模块业务

开源项目47K+ Star的电商项目 附带超详细的文档!

Java Spring开源项目新蜂(NeeBee)商城项目运行分析总结

Java Spring开源项目新蜂(NeeBee)商城项目运行分析总结

电商小程序实战教程-首页重构

美多商城项目:商品数据库表设计准备商品数据首页广告商品列表页