iOS 流式布局 UI 框架 CocoaUI 开源

CocoaUI 是一个强大的 iOS UI 框架，使用 Web 开发者熟悉的 HTML+CSS 流式布局方式，轻松地开发 iOS 原生 App 的界面。CocoaUI 的特性主要包括：

  • 高效的原生界面, 非低效的 WebView 控件方式
  • 自适应(Adaptive)动态流式布局, 轻松适配多种屏幕尺寸
  • 采用简洁高效的 HTML+CSS 语法定义布局(Layout)和展现(Appearance)

CocoaUI 的界面控件布局方式是流式布局方式，这种界面布局算法已经在 Web 领域得到验证, 具有广泛的开发者基础。同时，CocoaUI 使用 CSS 语法来定义界面样式，轻松地实现虚线边框，背景，线条，margin(外边距)，padding(内边距)等等。展现样式。

一般来说，iOS App 界面开发通常占用 30% ~ 50% 的 Objective-C 编程工作。如果使用 CocoaUI, 这个比例可以减少到 1% ~ 5%，iOS 开发者可以不用关心愚蠢的苹果的 UI 约束布局，而将时间用来提升 App 的功能和体验。

CocoaUI 框架在懒投资的 iOS App 中得到应用，支撑了其主要界面布局。
文章转载自 开源中国社区 [http://www.oschina.net]

时间： 2024-11-07 09:09:34

iOS 流式布局 UI 框架 CocoaUI 开源的相关文章

Android实现热门标签的流式布局_Android

一.概述: 在日常的app使用中,我们会在android 的app中看见 热门标签等自动换行的流式布局,今天,我们就来看看如何 自定义一个类似热门标签那样的流式布局吧(源码下载在下面最后给出) 类似的自定义布局.下面我们就来详细介绍流式布局的应用特点以及用的的技术点:1.流式布局的特点以及应用场景    特点:当上面一行的空间不够容纳新的TextView时候,     才开辟下一行的空间 原理图:        场景:主要用于关键词搜索或者热门标签等场景2.自定义ViewGroup,重点重写下面

Android简单实现自定义流式布局的方法_Android

本文实例讲述了Android简单实现自定义流式布局的方法.分享给大家供大家参考,具体如下: 首先来看一下 手淘HD - 商品详情 - 选择商品属性 页面的UI 商品有很多尺码,而且展现每个尺码所需要的View的大小也不同(主要是宽度),所以在从服务器端拉到数据之前,展现所有尺码所需要的行数和每一行的个数都无法确定,因此不能直接使用GridView或ListView. 如果使用LinearLayout呢? 一个LinearLayout只能显示一行,如果要展示多行,则每一行都要new一个Linear

Android简单实现自定义流式布局的方法

本文实例讲述了Android简单实现自定义流式布局的方法.分享给大家供大家参考,具体如下: 首先来看一下 手淘HD - 商品详情 - 选择商品属性 页面的UI 商品有很多尺码,而且展现每个尺码所需要的View的大小也不同(主要是宽度),所以在从服务器端拉到数据之前,展现所有尺码所需要的行数和每一行的个数都无法确定,因此不能直接使用GridView或ListView. 如果使用LinearLayout呢? 一个LinearLayout只能显示一行,如果要展示多行,则每一行都要new一个Linear

Android流式布局实现历史搜索记录功能

最近在开发项目的时候,有一个需求是展示历史搜索记录 ,展示的样式是流式布局(就是根据内容自动换行).在网上看到了一个不错的类库跟大家分享一下 首先在AndroidStudio简历一个工程项目导入module类库,我会把项目demo方法GitHub上 说一下demo中的实现方式 在 activity_main.xml中 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android

Android中常见的热门标签的流式布局的实现

一.概述: 在日常的app使用中,我们会在android 的app中看见 热门标签等自动换行的流式布局,今天,我们就来看看如何 自定义一个类似热门标签那样的流式布局吧(源码下载在下面最后给出) 类似的自定义布局.下面我们就来详细介绍流式布局的应用特点以及用的的技术点: 1.流式布局的特点以及应用场景     特点:当上面一行的空间不够容纳新的TextView时候,     才开辟下一行的空间 原理图:     场景:主要用于关键词搜索或者热门标签等场景 2.自定义ViewGroup,重点重写下面

java awt 布局 下面panel 尺寸已经设定好了，为什么不按照流式布局添加 而是尺寸变了

问题描述 java awt 布局 下面panel 尺寸已经设定好了,为什么不按照流式布局添加 而是尺寸变了 package huatu; import java.awt.*; import java.awt.image.BufferedImage; import javax.swing.BoxLayout; public class num1 { private Frame f=new Frame("绘图"); private Panel p=new Panel(); private

java 流式布局案例，跑不通

问题描述 java 流式布局案例,跑不通 /* 网格布局演示 / package class8; import java.awt.; import javax.swing.*; public class Demo_4 extends JFrame{ //定义组件 int size=9; JButton jbs[]=new JButton[size]; public static void main(String[] args) { // TODO Auto-generated method st

Android自定义ViewGroup之实现FlowLayout流式布局_Android

整理总结自鸿洋的博客:http://blog.csdn.net/lmj623565791/article/details/38352503/  一.FlowLayout介绍  所谓FlowLayout,就是控件根据ViewGroup的宽,自动的往右添加,如果当前行剩余空间不足,则自动添加到下一行.有点像所有的控件都往左飘的感觉,第一行满了,往第二行飘~所以也叫流式布局.Android并没有提供流式布局,但是某些场合中,流式布局还是非常适合使用的,比如关键字标签,搜索热词列表等,比如下图:  gi

Android实现热门标签的流式布局

一.概述: 在日常的app使用中,我们会在android 的app中看见 热门标签等自动换行的流式布局,今天,我们就来看看如何 自定义一个类似热门标签那样的流式布局吧(源码下载在下面最后给出) 类似的自定义布局.下面我们就来详细介绍流式布局的应用特点以及用的的技术点: 1.流式布局的特点以及应用场景     特点:当上面一行的空间不够容纳新的TextView时候,     才开辟下一行的空间 原理图: 场景:主要用于关键词搜索或者热门标签等场景 2.自定义ViewGroup,重点重写下面两个方法