JSPatch下发笔记8

简介: JSPatch下发笔记8

OC代码:

-(void)changeTopics:(NSArray *)topics{
    _topicsArr = [NSMutableArray arrayWithArray:topics];
    CGSize size = CGSizeMake(320,2000); //设置一个行高上限
    if ([_shortTextView.topicView subviews]) {
        for (UIView *view in [_shortTextView.topicView subviews])
        {
            if ([view isKindOfClass:[UIView class]])
            {
                [view removeFromSuperview];
            }
        }
    }
    if (topics.count) {
        UILabel *lbl1 = [[UILabel alloc]init];
        NSHotTopicsScrollModel *scrollModel = topics[0];
        [lbl1 setText:scrollModel.name];
        lbl1.font = [UIFont fontWithName:@"PingFangSC" size:12];
        NSDictionary *lbl1Attribute = @{NSFontAttributeName: lbl1.font};
        CGSize lbl1Size  = [lbl1.text boundingRectWithSize:size options:NSStringDrawingTruncatesLastVisibleLine|NSStringDrawingUsesLineFragmentOrigin|NSStringDrawingUsesFontLeading attributes:lbl1Attribute context:nil].size;
        lbl1.textColor = [UIColor whiteColor];
        lbl1.textAlignment = NSTextAlignmentCenter;
        lbl1.backgroundColor = BACK_COLOR1;
        lbl1.layer.cornerRadius = 3;
        lbl1.layer.masksToBounds = YES;
        [_shortTextView.topicView addSubview:lbl1];
        [lbl1 mas_makeConstraints:^(MASConstraintMaker *make) {
            make.size.mas_equalTo(CGSizeMake(lbl1Size.width+6, 21));
            make.right.equalTo(@(-10));
            make.top.equalTo(@0);
        }];
        if (topics.count == 2) {
            UILabel *lbl2 = [[UILabel alloc]init];
            NSHotTopicsScrollModel *scrollModel = topics[1];
            [lbl2 setText:scrollModel.name];
            lbl2.font = [UIFont fontWithName:@"PingFangSC" size:12];
            NSDictionary *lbl2Attribute = @{NSFontAttributeName: lbl2.font};
            CGSize lbl2Size  = [lbl2.text boundingRectWithSize:size options:NSStringDrawingTruncatesLastVisibleLine|NSStringDrawingUsesLineFragmentOrigin|NSStringDrawingUsesFontLeading attributes:lbl2Attribute context:nil].size;
            lbl2.textColor = [UIColor whiteColor];
            lbl2.textAlignment = NSTextAlignmentCenter;
            lbl2.backgroundColor = BACK_COLOR1;
            lbl2.layer.cornerRadius = 1;
            lbl2.layer.masksToBounds = YES;
            [_shortTextView.topicView addSubview:lbl2];
            [lbl2 mas_makeConstraints:^(MASConstraintMaker *make) {
                make.size.mas_equalTo(CGSizeMake(lbl2Size.width+6, 21));
                make.right.equalTo(@(-(20+lbl1Size.width+6)));
                make.top.equalTo(@0);
            }];
        }
    }
}


JS代码:

defineClass('ShortTextViewController', {
            changeTopics: function(topics) {
            var _topicsArr = self.valueForKey("_topicsArr");
            var _shortTextView = self.valueForKey("_shortTextView");
            _topicsArr = NSMutableArray.arrayWithArray(topics);
            var size = {width:320,height:2000}; //设置一个行高上限
            var count = _shortTextView.topicView().subviews().count();
            for (var i = 0; i < count; i++) {
            _shortTextView.topicView().removeAllSubviews();
            }
            if (topics.count()) {
            var lbl1 = UILabel.alloc().init();
            var scrollModel = topics.objectAtIndex(0);
            lbl1.setText(scrollModel.name());
            lbl1.setFont(UIFont.fontWithName_size("PingFangSC", 12));
            var lbl1Attribute = {
            NSFontAttributeName: lbl1.font()
            };
            var NSStringDrawingUsesLineFragmentOrigin = 1 << 0;
            var lbl1Size = lbl1.text().boundingRectWithSize_options_attributes_context(size, NSStringDrawingUsesLineFragmentOrigin, lbl1Attribute, null);
            lbl1.setTextColor(UIColor.whiteColor());
            lbl1.setTextAlignment(1);
            lbl1.setBackgroundColor(UIColor.colorWithHexString("#c4c4c4"));
            lbl1.layer().setCornerRadius(1);
            lbl1.layer().setMasksToBounds(YES);
            _shortTextView.topicView().addSubview(lbl1);
            lbl1.mas__makeConstraints(block('MASConstraintMaker*', function(make) {
                make.width().equalTo()(lbl1Size.width + 6);
                make.height().equalTo()(21);
                make.right().equalTo()(-10);
                make.top().equalTo()(0);
            }));
            if (topics.count() == 2) {
            var lbl2 = UILabel.alloc().init();
            var scrollModel = topics.objectAtIndex(1);
            lbl2.setText(scrollModel.name());
            lbl2.setFont(UIFont.fontWithName_size("PingFangSC", 12));
            var lbl2Attribute = {
            NSFontAttributeName: lbl2.font()
            };
            var lbl2Size = lbl2.text().boundingRectWithSize_options_attributes_context(size, NSStringDrawingUsesLineFragmentOrigin, lbl2Attribute, null);
            lbl2.setTextColor(UIColor.whiteColor());
            lbl2.setTextAlignment(1);
        lbl2.setBackgroundColor(UIColor.colorWithHexString("#c4c4c4"));
            lbl2.layer().setCornerRadius(1);
            lbl2.layer().setMasksToBounds(YES);
            _shortTextView.topicView().addSubview(lbl2);
            lbl2.mas__makeConstraints(block('MASConstraintMaker*', function(make) {
                make.width().equalTo()(lbl2Size.width+6);
                make.height().equalTo()(21);
                make.right().equalTo()(-(20 + lbl1Size.width + 6));
                make.top().equalTo()(0);
                }));
            }
            }
            },
            });


总结:


1.注意for in循环和for循环的区别,for in循环是一次性取出所有的元素进行操作,而for循环是在每次循环时重新取出元素,取出的值可能和在for循环中是不一样的。

2.对于类似于1 << 0的枚举值,可以先声明一个变量赋值var NSStringDrawingUsesLineFragmentOrigin = 1 << 0;然后再取值。

3.OC中的boundingRectWithSize函数,在JS中去掉结尾的.size。

目录
相关文章
|
iOS开发 UED
Flutter 动态修改应用图标功能指南
探索Flutter中动态应用图标的实现方法,了解如何为用户提供独特体验,促进用户升级和应用内购买。
406 0
Flutter 动态修改应用图标功能指南
|
10月前
|
运维 应用服务中间件 网络安全
自动化运维的新篇章:使用Ansible进行服务器配置管理
【10月更文挑战第34天】在现代IT基础设施的快速迭代中,自动化运维成为提升效率、确保一致性的关键手段。本文将通过介绍Ansible工具的使用,展示如何实现高效的服务器配置管理。从基础安装到高级应用,我们将一步步揭开自动化运维的神秘面纱,让你轻松掌握这一技术,为你的运维工作带来革命性的变化。
|
9月前
|
人工智能
AnchorCrafter:中科院联合腾讯推出的AI虚拟主播带货视频制作技术
AnchorCrafter是由中科院和腾讯联合推出的一项AI虚拟主播带货视频制作技术。该技术基于扩散模型,能够自动生成高保真度的主播风格产品推广视频,通过整合人-物交互(HOI)技术,实现对物体外观和运动控制的高度还原。AnchorCrafter在物体外观保持、交互感知以及视频质量方面优于现有方法,为在线广告和消费者参与提供了新的可能性。
1420 31
AnchorCrafter:中科院联合腾讯推出的AI虚拟主播带货视频制作技术
|
人工智能 开发工具 计算机视觉
AI计算机视觉笔记十:结印动作识别
该项目基于恩培大佬的《火影结印识别》小项目,使用yolov5实现手势识别功能。项目包含数据集准备、模型训练和代码实现,可在无GPU环境下运行。代码利用状态机检测手势序列,完成特定结印后触发音效播放。[GitHub地址](https://github.com/enpeizhao/CVprojects)提供了详细步骤和示例代码。
|
JavaScript
Vue3评分(Rate)
这是一个基于 Vue 3 的评分组件 `Rate.vue`,支持多种自定义设置,包括是否允许清除、半选状态、星星总数、字符样式、字符大小、选中颜色、字符间距及是否禁用等。组件内置四种 SVG 图标,并允许使用自定义字符。通过 `v-model:value` 实现双向绑定,并提供了 `change` 和 `hoverChange` 事件回调。 组件演示了不同的使用场景,如禁用状态、不同形状的图标、自定义字符和颜色等。同时提供了一个评分配置器,可以动态调整各项参数以满足不同需求。在线预览效果展示了各种配置下的评分显示样式。
248 0
Vue3评分(Rate)
|
11月前
|
缓存 JavaScript 前端开发
拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题
本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法,包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等,并提供了相应的解决策略。同时,还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
7820 1
|
Linux
`grep`命令搜索多个文件中的特定模式
`grep`命令搜索多个文件中的特定模式
680 2
|
JavaScript 前端开发 开发工具
npm安装依赖实践总结
npm安装依赖实践总结
879 0
|
安全
UICollectionView(一)——整体总结
前言 这几天有时间看了下UICollectionView的东西,才发觉它真的非常强大,很有必要好好学习学习。以前虽然用过几次,但没有系统的整理总结过。
1492 0
|
Python
python的模块,包和目录的区别和自定义包的注意点
先插入模块/包是怎么找的 先找当前的包找有没有,没有去安装目录的内置函数中,再没有看看你设置的系统环境变量有没有 一般情况,代码添加的环境变量只存在当前窗口,关闭就没了-
249 0