CocoaUI Viewer 界面调试器

 

CocoaUI Viewer(CocoaUI 界面调试器) 是一个 iOS App, 运行于真正的 iOS 设备之上, 如 iPhone, 用于快速创建基于 CocoaUI 的 App 界面.

设置

在这个页面, 你需要配置好 XML UI 文件的 URL 地址, 一般指向一台你自己的机器, 通过浏览器访问这个 URL 时, 应该返回一段符合 CocoaUI 格式的 XML. CocoaUI Viewer 界面调试器会读取这个 XML, 然后渲染后 iOS 原生界面, 所以你可以修改 XML 的内容并立即看到界面的变化. 你可以指定刷新时间间隔, 如果是 0, 则需要手动刷新.

你可以试着把 XML 的内容改成这个试试:

<div style="text-align: center;">
	<style>
	#submit{
		float: center;
		width: 90%;
		height: 40;
		font-size: large;
		margin: 15 0 0 0;
		color: #fff;
		background: #6cf;
		border-radius: 5;
	}
	</style>
	<h1>Hello World!</h1>
	<p>My first CocoaUI App!</p>
	<button id="submit">Get it</button>
</div>

CocoaUI Viewer 也是开源的, 你可以在模拟器上运行它, 以便调试界面在不同屏幕上的表现.