官网的每个英雄，还是很漂亮的。但是风格有所改变了，去年还是10个英雄并排摆开的。现在只显示三个，其他的列表显示。

我们还是按照原来模式，每行5个，供2行，最多10个。如果在UIViewController上每个都放几个图片和label，太复杂了。

所以我们要做一个自定义控件。

控件还是用objective-c class模板来建立，唯一的不同是该类继承于UIControl。创建好后，XCode会生成代码，所有的绘图事件，都在drawRect方法中。

步骤

画底图

画人物头像

根据英雄的class画人物头像，一共10个。类似于

画英雄的名称

居中、棕色字体，字号大些

画杀了多少妖怪

与名称类似，但是Formatter怎么应用到文字我还不知道，因为只发现format stringFromNumber这个函数。就是说，我可以做到显示12,345，但是不能显示为12,345 kills

画等级

我们这里修改为怕老公等级，因为几乎所有人都是60级。在大菠萝中，60级才刚刚开始，只有Paragon Level才有意义。

效果