iOS 表情排列

最新推荐文章于 2022-02-19 17:46:54 发布

hkhl_235

最新推荐文章于 2022-02-19 17:46:54 发布

阅读量518

点赞数

分类专栏： iOS 文章标签： iOS UIVIew UIImage 表情排列代码

本文链接：https://blog.csdn.net/hkhl_235/article/details/100568975

版权

这篇博客介绍了如何在iOS应用中实现一个可以根据数字控制表情排列列数的UI练习，包括创建工程、添加UISegmentedControl、加载图片资源等步骤。作者提供了一个点击加号按钮随机添加表情的功能，并分享了核心的代码逻辑，特别是图片的加载和排列算法。项目源码可在GitHub找到。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

emoji表情排列

实现了一个通过不同的数字来控制表情排几列的ui练习demo，并且可通过点击“+”按钮，来随机添加新的表情。
图片资源可从git中拉下

具体效果如下：

在这里插入图片描述

具体实现过程：

1、创建工程

[外链图片转存失败(img-TI2G0EHr-1567695078626)(/Users/deerwang/Library/Application Support/typora-user-images/image-20190905205734602.png)]

2、给storyboard中拖动一个新控件UISengted Control
在这里插入图片描述

设置控件属性
在这里插入图片描述

在这里插入图片描述

出现如下函数, 后续再处理

- (**IBAction**)indexChange:(UISegmentedControl *)sender {}

3、添加资源图片。 git地址

4、主要逻辑代码

因为要在view视图上加载图片，所以我们选择首次加载，之后每次图片顺序变更的话，只是对图片的位置进行修改即可，而不是对图片进行加载，所以说图片只需要加载一次（而只加载一次，我们就可以写在viewDidLoad函数中，这个方法只会调用一次）

//首次加载
- (void)viewDidLoad {
   
    [super viewDidLoad];
    self.total = 10;   //total表示添加的子视图数量
    [self adjustImagePosWithColumns:2 add:true];//第一个参数是指定首次加载排列多少列，我们这里是两列， 第二个参数控制该函数是否是首次加载。
}

添加图片到view中

//添加图片，和图片位置
-(void) addImg:(NSString *)icon x:(CGFloat)x y:(CGFloat)y {
   
    UIImageView *img = [[UIImageView alloc] init];
    img.image = [UIImage imageNamed:icon];
    img.frame = CGRectMake(x, y, whight, whight);
    [self

最低0.47元/天解锁文章