Tangram 2.0 VirtualView Demo 配置

tangram

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

HTTPs://github.C++om/alibaba/virtualView-iOS

https://github.com/alibaba/tangram-ios

简单来个Demo

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

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

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、点击事件

- (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];

    }

}

相关阅读