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

Posted 2021-04-23 有点自卑丿

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

技术难点

客户端

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

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

• iconify库导入新的Icon

服务器

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

Iconify　自定义新的字体

第一步下载图标

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

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

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

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

第三步，编写iconify的FontDescriptor

新建两个类

１．一个是枚举类

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，记得备注：学习引流，我分享资料给你）