資訊專欄INFORMATION COLUMN
摘要：這就是這個垂直布局的特性，而且我們可以將的高度設(shè)置，會根據(jù)里面的組件大小來自動適應(yīng)。水平布局水平布局正好跟上面的垂直布局相反，我想就不用多做解釋了。
一、摘要
今天跟大家主要來介紹一下DeviceOne中的do_linearlayout這個布局，在DeviceOne開發(fā)中，do_linearlayout這個布局是相當(dāng)重要。
現(xiàn)在給大家來總結(jié)一下。
二、基本的總結(jié)
我們來看下這個linearlayout，做過原生開發(fā)的同學(xué)（android或者ios或者windows）可能對這個單詞比較熟悉，沒錯，這個linearlayout在Deviceone中所要實現(xiàn)的效果跟原生里面是完全一樣。
linearlayout這個布局有兩種方式，一個是vertical（垂直布局），一個是horizontal（水平布局）。
vertical（垂直布局）：就是在這個布局里面的所有組件都是按照垂直的方式來排列的，也就是說，這個布局里面你在設(shè)置里面組件的x，y坐標(biāo)是沒有用的。舉例：
從上圖我們可以看出，在這個垂直布局里面，我放了一個button1，那么我在add一個button2的時候，我不需要去設(shè)置他的x，y坐標(biāo)，他會直接放到button1下面的。這就是這個垂直布局的特性，而且我們可以將linearlayout的高度設(shè)置-1，會根據(jù)里面的組件大小來自動適應(yīng)。
horizontal（水平布局）：水平布局正好跟上面的垂直布局相反，我想就不用多做解釋了。
三、示例代碼
var nf = sm("do_Notification"); var add = ui("addLinearLayout"); var
linearlayout = ui("do_LinearLayout_1"); var i = 0; add.on("touch",
function() {// 插入到“第二個組件”下 // add函數(shù)返回是新加ui的地址， // add 的參數(shù)1是表示加進(jìn)來的ui在index.ui里的唯一標(biāo)示，必須和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是新加進(jìn)去來的ui文件里的一個子view,可以通過這種方式獲取到子view的對象 var label = ui(newui + ".do_Label_1"); label.text = "我是add進(jìn)來的" + i; newui = ui("added_ui_id" + i); newui.width = newui.width + 10 * i; i++; });
四、實際用途
通過上面的分析，我想大家可能都知道該在什么地方來使用這個布局了。
例如：在某個App頁面需要動態(tài)增加一些組件的時候，就可以使用這個組件了。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/80354.html
摘要：一簡介這個例子我們用來實現(xiàn)，當(dāng)沒有輸入相關(guān)的值而去保存的時候，則把隱藏的幾個提示顯示出來，然后調(diào)用的。同時支持輸入完保存輸入的數(shù)據(jù)，再打開這個界面的時候可以恢復(fù)最后一次保存的數(shù)據(jù)。二效果圖三相關(guān)下載四相關(guān)討論五更多案例六關(guān)于 一、簡介 這個例子我們用do_ScrollView+do_LinearLayout來實現(xiàn)，當(dāng)沒有輸入相關(guān)的值而去保存的時候，則把隱藏的幾個提示Label顯示出來，...
摘要：微信小程序即將推出，還沒推出就火的不行了。基于微信這個巨大平臺，小程序必然能有巨大成功。如果我們自己想實現(xiàn)一個基于自己的包含類似微信的小程序功能，該如何實現(xiàn)了我們先來看看小程序的技術(shù)特點。 微信小程序即將推出，還沒推出就火的不行了。基于微信這個巨大平臺，小程序必然能有巨大成功。不過它并不能完全取代App，該開發(fā)App還得開發(fā)。如果我們自己想實現(xiàn)一個基于自己的APP包含類似微信的小程序功...
閱讀 440·2023-04-25 16:38
閱讀 1575·2021-09-26 09:46
閱讀 3414·2021-09-08 09:35
閱讀 2837·2019-08-30 12:54
閱讀 3307·2019-08-29 17:06
閱讀 1109·2019-08-29 14:06
閱讀 3417·2019-08-29 13:00
閱讀 3526·2019-08-28 17:53
