cocoaui, 使用流布局和CSS属性为iOS应用程序构建自适应 UI

分享于 

4分钟阅读

GitHub

  繁體 雙語
Build adaptive UI for iOS Apps with flow-layout and CSS properties
  • 源代码名称:cocoaui
  • 源代码网址:http://www.github.com/ideawu/cocoaui
  • cocoaui源代码文档
  • cocoaui源代码下载
  • Git URL:
    git://www.github.com/ideawu/cocoaui.git
    Git Clone代码到本地:
    git clone http://www.github.com/ideawu/cocoaui
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/ideawu/cocoaui
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    CocoaUI

    使用流布局机制和CSS属性为iOS应用程序构建自适应 UI。

    AuthorPlatformLanguageLicense

    AAA BBB
    操作系统iOS 11. x, 10. x, 9. x, 8. x, 7.x
    语言objective-c,Swift ( 请参阅 https://github.com/XiaoCC/CocoaUI-Swift )
    许可证新的BSD许可证
    作者ideawu
    网站http://www.cocoaui.com/

    演示:

    依赖项

    • libxml2

    设置

    • 下载来自GitHub的源文件: git. zip
    • 在打开IKit项目时使用 Xcode
    • 生成架构ikit通用,将架构生成配置设置为发布( 默认为调试)
    • 将头文件文件夹和 static 库添加到你自己的项目( 请参见快速入门插件。) 中:
    • 头文件文件夹: build/release-universal/include/IKit
    • static libarry file: build/release-universal/libIKit.a

    用法

    示例代码( objective-c )

    CocoaUI让事情变得容易 ! -

    
    [superview.style set:@"padding: 10;"];
    
    
    
    

    没有 CocoaUI,下面是你必须直接使用 apple API基础编写的等价代码:

    
    UIView *superview = self;
    
    
    UIView *view1 = [[UIView alloc] init];
    
    
    view1.translatesAutoresizingMaskIntoConstraints = NO;
    
    
    [superview addSubview:view1];
    
    
    UIEdgeInsets padding = UIEdgeInsetsMake(10, 10, 10, 10);
    
    
    [superview addConstraints:@[
    
    
    //view1 constraints
    
    
     [NSLayoutConstraint constraintWithItem:view1
    
    
     attribute:NSLayoutAttributeTop
    
    
     relatedBy:NSLayoutRelationEqual
    
    
     toItem:superview
    
    
     attribute:NSLayoutAttributeTop
    
    
     multiplier:1.0
    
    
     constant:padding.top],
    
    
     [NSLayoutConstraint constraintWithItem:view1
    
    
     attribute:NSLayoutAttributeLeft
    
    
     relatedBy:NSLayoutRelationEqual
    
    
     toItem:superview
    
    
     attribute:NSLayoutAttributeLeft
    
    
     multiplier:1.0
    
    
     constant:padding.left],
    
    
     [NSLayoutConstraint constraintWithItem:view1
    
    
     attribute:NSLayoutAttributeBottom
    
    
     relatedBy:NSLayoutRelationEqual
    
    
     toItem:superview
    
    
     attribute:NSLayoutAttributeBottom
    
    
     multiplier:1.0
    
    
     constant:-padding.bottom],
    
    
     [NSLayoutConstraint constraintWithItem:view1
    
    
     attribute:NSLayoutAttributeRight
    
    
     relatedBy:NSLayoutRelationEqual
    
    
     toItem:superview
    
    
     attribute:NSLayoutAttributeRight
    
    
     multiplier:1
    
    
     constant:-padding.right],
    
    
    ]];
    
    
    
    

    CocoaUI支持大多数CSS布局和样式特性,CocoaUI的关键是流布局。

    ====== =

    屏幕截图

    学习 CocoaUI

    文档

    http://www.cocoaui.com/en/docs

    CocoaUI C Sharp绑定

    https://github.com/shshshdy/CocoauiCsharp

    关于源代码

    IKit

    CocoaUI库。

    IObj

    objective-c的动态JSON对象/模型库。

    测试

    CocoaUI演示应用程序

    CocoaUIViewer

    的编写和seen工具帮助你轻松开发 XML UI。


    构建  Layout  ADA  PROP  FLOW  adaptive-ui  
    相关文章