[DeviceOne開發]-do_LinearLayout組件使用技巧

chaosx110 發布于2019-08-20 10:51 / 827人閱讀

摘要：這就是這個垂直布局的特性，而且我們可以將的高度設置，會根據里面的組件大小來自動適應。水平布局水平布局正好跟上面的垂直布局相反，我想就不用多做解釋了。

一、摘要

今天跟大家主要來介紹一下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 組件開發前端組件開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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