Weex 03 UI的基本使用

2021-08-15 14:35:51 字數 1352 閱讀 5473

ui這方面,無論你以前是從事前端或者移動端,多聯絡一下,還是很容易上手。

###正文

一些要記住的知識點

flexbox布局概念

weex中使用的是flexbox布局,android過來的同學需要看一下這個flexbox。前端的同學的話也需要適應一下,weex的flexbox是不支援百分比引數的。

flexbox寬高不支援百分比設定。使用flexbox需要記住幾個引數:

flex-direction:

定義了flex容器中flex成員項的排列方向(row:從左到右排列,column:從上到下排列),,預設為column。

justify-content:

定義了flex容器中flex成員項在主軸方向上如何排列以處理空白部分。可選引數有:flex-start | flex_end | center | space-between。預設值為flex-start。

定義了 flex 容器中 flex 成員項在縱軸方向上如何排列以處理空白部分。可選值為 stretch | flex-start | center | flex-end,預設值為 stretch。

flex成員項:

該引數僅支援在flexbox內的控制項使用。flex屬性定義了flex 成員項可以占用容器中剩餘空間的大小。如果所有的成員項設定相同的值 flex: 1,它們將平均分配剩餘空間. 如果乙個成員項設定的值為 flex: 2,其它的成員項設定的值為 flex: 1,那麼這個成員項所占用的剩餘空間是其它成員項的2倍。

初步編寫

在template中新增布局**。

在style中給控制項新增寬和高(不設定寬高控制項會不可見)。

效果:

weex的使用初體驗

首先是weex的環境搭建,weex的環境搭建網上資料很多,但是還有乙個weexpack系統打包工具,可以直接將we檔案,生成apk來跑在手機上 這裡推薦用weex編譯單獨的檔案,可以在瀏覽器中,實現一次跑起來,便能修改一下we檔案,就能直接在瀏覽器中看到效果 在android機器上跑程式則可以直接使...

03 掌握 NSThread基本使用

特點 開啟執行緒需要手動開啟執行緒 呼叫start方法 可以拿到執行緒物件進行詳細設定 第乙個引數 目標物件 第二個引數 選擇器,執行緒啟動要呼叫哪個方法 第三個引數 前面方法要接收的引數 最多只能接收乙個引數,沒有則傳nil let thread nsthread.init target self...

Java開發基礎 JDBC 基本使用步驟 03

改進背景介紹 v1版本 使用jdbc運算元據庫,我們會發現有些固有不變的 我們不需要每次都實現一遍,為了提高 的復用性與避免編寫重複的 我們可以將jdbc固有操作封裝成乙個工具類,在使用到時呼叫其中靜態方法即可。該類用來管理資料庫連線 author cher du public class dbut...