[DeviceOne开发]-do_LinearLayout组件使用技巧
2016-09-07 16:44
162 查看
一、摘要
今天跟大家主要来介绍一下DeviceOne中的do_linearlayout这个布局,在DeviceOne开发中,do_linearlayout这个布局是相当重要。
现在给大家来总结一下。
二、基本的总结
我们来看下这个linearlayout,做过原生开发的同学(android或者ios或者windows)可能对这个单词比较熟悉,没错,这个linearlayout在Deviceone中所要实现的效果跟原生里面是完全一样。
linearlayout这个布局有两种方式,一个是vertical(垂直布局),一个是horizontal(水平布局)。
vertical(垂直布局):就是在这个布局里面的所有组件都是按照垂直的方式来排列的,也就是说,这个布局里面你在设置里面组件的x,y坐标是没有用的。举例:
![](https://images2015.cnblogs.com/blog/436418/201609/436418-20160907161023176-213952234.png)
从上图我们可以看出,在这个垂直布局里面,我放了一个button1,那么我在add一个button2的时候,我不需要去设置他的x,y坐标,他会直接放到button1下面的。这就是这个垂直布局的特性,而且我们可以将linearlayout的高度设置-1,会根据里面的组件大小来自动适应。
horizontal(水平布局):水平布局正好跟上面的垂直布局相反,我想就不用多做解释了。
三、示例代码
var nf = sm("do_Notification");
var add = ui("addLinearLayout");
var linearlayout = ui("do_LinearLayout_1");
var i = 0;
add.on("touch", function() {
// 插入到“第二个组件”下
// add函数返回是新加ui的地址,
// add 的参数1是表示加进来的ui在index.ui里的唯一标示,必须和index.ui其他view的id不一样
var newui = linearlayout.add("added_ui_id" + i, "source://view/test.ui",
"do_Button_1");
// ui("added_ui_id" + i)===ui(newui)
// label是新加进去来的ui文件里的一个子view,可以通过这种方式获取到子view的对象
var label = ui(newui + ".do_Label_1");
label.text = "我是add进来的" + i;
newui = ui("added_ui_id" + i);
newui.width = newui.width + 10 * i;
i++;
});
四、实际用途
通过上面的分析,我想大家可能都知道该在什么地方来使用这个布局了。
例如:在某个App页面需要动态增加一些组件的时候,就可以使用这个组件了。
今天跟大家主要来介绍一下DeviceOne中的do_linearlayout这个布局,在DeviceOne开发中,do_linearlayout这个布局是相当重要。
现在给大家来总结一下。
二、基本的总结
我们来看下这个linearlayout,做过原生开发的同学(android或者ios或者windows)可能对这个单词比较熟悉,没错,这个linearlayout在Deviceone中所要实现的效果跟原生里面是完全一样。
linearlayout这个布局有两种方式,一个是vertical(垂直布局),一个是horizontal(水平布局)。
vertical(垂直布局):就是在这个布局里面的所有组件都是按照垂直的方式来排列的,也就是说,这个布局里面你在设置里面组件的x,y坐标是没有用的。举例:
![](https://images2015.cnblogs.com/blog/436418/201609/436418-20160907161023176-213952234.png)
从上图我们可以看出,在这个垂直布局里面,我放了一个button1,那么我在add一个button2的时候,我不需要去设置他的x,y坐标,他会直接放到button1下面的。这就是这个垂直布局的特性,而且我们可以将linearlayout的高度设置-1,会根据里面的组件大小来自动适应。
horizontal(水平布局):水平布局正好跟上面的垂直布局相反,我想就不用多做解释了。
三、示例代码
var nf = sm("do_Notification");
var add = ui("addLinearLayout");
var linearlayout = ui("do_LinearLayout_1");
var i = 0;
add.on("touch", function() {
// 插入到“第二个组件”下
// add函数返回是新加ui的地址,
// add 的参数1是表示加进来的ui在index.ui里的唯一标示,必须和index.ui其他view的id不一样
var newui = linearlayout.add("added_ui_id" + i, "source://view/test.ui",
"do_Button_1");
// ui("added_ui_id" + i)===ui(newui)
// label是新加进去来的ui文件里的一个子view,可以通过这种方式获取到子view的对象
var label = ui(newui + ".do_Label_1");
label.text = "我是add进来的" + i;
newui = ui("added_ui_id" + i);
newui.width = newui.width + 10 * i;
i++;
});
四、实际用途
通过上面的分析,我想大家可能都知道该在什么地方来使用这个布局了。
例如:在某个App页面需要动态增加一些组件的时候,就可以使用这个组件了。
相关文章推荐
- 项目开发技巧(四):使用JspSmartupload实现文件上传下载(一):JspSmart之upload组件源码及使用
- DO.NET在开发中的部分使用方法和技巧
- VC++.net 整合开发环境使用技巧
- [水晶报表小技巧-开发-3]ASP.Net中使用水晶报表10的打印功能
- 总结:ADO.NET在开发中的部分使用方法和技巧 选择自 yangyifan0 的 Blog
- 项目开发技巧(四):使用JspSmartupload实现文件上传下载(三):jspsmartupload samples
- 项目开发技巧(四):使用JspSmartupload实现文件上传下载(二):jspSmartUpload上传下载全攻略(ZZ)
- FleaPHP 开发指南 - 8. 如何使用 RBAC 组件实现访问控制
- 总结:ADO.NET在开发中的部分使用方法和技巧 (转贴)
- 总结:ADO.NET在开发中的部分使用方法和技巧
- 使用C#开发COM+组件
- [开发技巧4]ASP.Net中使用水晶报表10的打印功能
- 关于在组件GIS开发中使用Python的一点补充说明
- 【转载】JAVA 开发工具Jcreator使用技巧总结
- 在.net开发中使用Log4Net组件
- Smart Client开发: 使用AppUpdater组件
- JAVA 开发工具Jcreator使用技巧总结 (转)
- 在.net开发中使用Log4Net组件
- 在.net开发中使用Log4Net组件
- VC++.net 整合开发环境使用技巧