Tangram 2.0 VirtualView Demo 配置

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

https://github.com/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];

    }

}



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章