admin管理员组

文章数量:1794759

Tangram 2.0 VirtualView Demo 配置

天猫开源了一个动态UI的方案，包含

简单来个Demo

1、常规创建工程，配置podfile

代码语言：javascript代码运行次数：0运行复制
pod 'Tangram'

2、从github demo中copy CompileTool文件夹到工程目录

VirtualView界面用xml配置，CompileTool会编译成out二进制文件放到资源文件进行调用

3、加到工程的时候选中references。如果选groups，CompileTool中的文件会打包到ipa中

4、配置Build Phases。将CompileTool编译的out文件拷贝到项目的Resources目录

5、如果编译报签名问题

6、运行Demo

7、创建新的xml

8、在 templatelist.properties文件中增加配置，前面代表xml的名字，后面代表的编译的out的文件名。

9、从out文件生成view

代码语言：javascript代码运行次数：0运行复制
if (![[VVTemplateManager sharedManager].loadedTypes containsObject:@"Wuage"]) {

        NSString *path = [[NSBundle mainBundle] pathForResource:@"Wuage" ofType:@"out"];

        [[VVTemplateManager sharedManager] loadTemplateFile:path forType:nil];

    }

    self.container = [VVViewContainer viewContainerWithTemplateType:@"Wuage"];

    self.container.delegate = self;

10、渲染效果

11、点击事件

代码语言：javascript代码运行次数：0运行复制
- (void)virtualViewClickedWithAction:(NSString *)action andValue:(NSString *)value

{

    if (action) {

        UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"tap" message:action preferredStyle:UIAlertControllerStyleAlert];

        [alert addAction:[UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleCancel handler:nil]];

        [self presentViewController:alert animated:YES completion:nil];

    }

}
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。 原始发表：2024-10-11，如有侵权请联系 cloudcommunity@tencent 删除编译二进制配置事件打包

本文标签： Tangram 20 VirtualView Demo 配置

版权声明：本文标题：Tangram 2.0 VirtualView Demo 配置 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1754902302a1707976.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。