[DeviceOne开发]-do_LinearLayout组件使用技巧

chaosx110 发布于2019-08-20 10:51 / 803人阅读

摘要：这就是这个垂直布局的特性，而且我们可以将的高度设置，会根据里面的组件大小来自动适应。水平布局水平布局正好跟上面的垂直布局相反，我想就不用多做解释了。

一、摘要

今天跟大家主要来介绍一下DeviceOne中的do_linearlayout这个布局，在DeviceOne开发中，do_linearlayout这个布局是相当重要。

现在给大家来总结一下。

二、基本的总结

我们来看下这个linearlayout，做过原生开发的同学（android或者ios或者windows）可能对这个单词比较熟悉，没错，这个linearlayout在Deviceone中所要实现的效果跟原生里面是完全一样。

linearlayout这个布局有两种方式，一个是vertical（垂直布局），一个是horizontal（水平布局）。

vertical（垂直布局）：就是在这个布局里面的所有组件都是按照垂直的方式来排列的，也就是说，这个布局里面你在设置里面组件的x，y坐标是没有用的。举例：

从上图我们可以看出，在这个垂直布局里面，我放了一个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页面需要动态增加一些组件的时候，就可以使用这个组件了。

GPU云服务器云服务器 vuejs组件使用 DeviceOne 组件开发前端组件开发

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/80354.html

[deviceone开发]-一个简单的表单示例

摘要：一简介这个例子我们用来实现，当没有输入相关的值而去保存的时候，则把隐藏的几个提示显示出来，然后调用的。同时支持输入完保存输入的数据，再打开这个界面的时候可以恢复最后一次保存的数据。二效果图三相关下载四相关讨论五更多案例六关于一、简介这个例子我们用do_ScrollView+do_LinearLayout来实现，当没有输入相关的值而去保存的时候，则把隐藏的几个提示Label显示出来，...

galois 2019-08-22 10:43 评论0 收藏0
使用DeviceOne实现微信小程序功能

摘要：微信小程序即将推出，还没推出就火的不行了。基于微信这个巨大平台，小程序必然能有巨大成功。如果我们自己想实现一个基于自己的包含类似微信的小程序功能，该如何实现了我们先来看看小程序的技术特点。微信小程序即将推出，还没推出就火的不行了。基于微信这个巨大平台，小程序必然能有巨大成功。不过它并不能完全取代App，该开发App还得开发。如果我们自己想实现一个基于自己的APP包含类似微信的小程序功...

maybe_009 2019-08-21 11:25 评论0 收藏0