javascript原生移动云编程4 - 如何做图文并茂的博客页面UI

码实mash5

于 2014-09-10 20:37:47 发布

阅读量1.1k

点赞数 1

分类专栏：码实平台教程文章标签： javascript 原生应用移动跨平台码实

本文链接：https://blog.csdn.net/mash5/article/details/39186025

版权

本文介绍了如何使用JavaScript在码实云平台上创建原生移动应用，特别是如何构建一个具有标题、图片和文字的常见博客页面UI。内容框(content_box1)具有适应屏幕宽度的布局，图片通过getResource系统调用从云中加载，并在程序中使用前需先上传到云。文章详细说明了字体设置、图片加载和动态布局的方法。

摘要由CSDN通过智能技术生成

用javascript在码实的云平台上，可以在云里编写原生的移动应用。制作移动应用的页面离不开和文字图片打交道。下面的代码做出常见的博客样式页面：有标题、图片、文字叙述，博客内容被圈在有圆角的一个框了，如图：

Class.create(Mash5.Widget, {
	initialize : function (config, params) {		
		var container = Ti.UI.createView({
			width : Ti.UI.FILL,
			height : Ti.UI.FILL,
			backgroundColor : '#bbb'
		});
		this.setContentView(container);

		var content_box1 = Ti.UI.createView({
		    top: '10dip',
		    left: '5dip',
		    right: '5dip',
		    height: Ti.UI.SIZE,
		    backgroundColor : '#fff',
		    borderColor: '#bbb',
		    borderRadius: dipToPx(10),
		    layout: 'vertical',
		});
		container.add(content_bo