




版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領
文檔簡介
任務3開發(fā)設備控制頁項目2走進ArkTS聲明式開發(fā)任務3
開發(fā)設備控制頁本任務使用線性布局、文字顯示組件和圖片組件,并配合組件的屬性和樣式,完成物聯(lián)網(wǎng)App常見的設備控制頁面的開發(fā)。任務描述任務效果圖預覽任務實施0102030504整理工程資源設備控制頁的UI結構分析最外層的Column布局設計設備位置區(qū)的Row布局設計設備控制區(qū)外框的Column布局設計06設備狀態(tài)信息區(qū)的設計與開發(fā)07設備控制區(qū)的設計與開發(fā)08使用Blank和Divider組件01整理工程資源
02設備控制頁的UI結構分析03最外層的Column布局設計最外層用Column,寬高占滿屏幕,設置背景為灰色。04設備控制區(qū)外框的Column布局設計
內(nèi)層用于顯示設備相關信息的區(qū)域,是一個Column,限定了寬高和邊框。邊框使用.border設置樣式,支持設置邊框顏色、邊框粗細、邊框圓角以及邊框的展示樣式。05設備位置區(qū)的Row布局設計設備位置用Row布局,內(nèi)嵌一個Text組件,在主軸方向上靠起始端對齊,設置內(nèi)邊距為10。06設備狀態(tài)信息區(qū)的設計與開發(fā)
設備狀態(tài)信息用Text組件顯示文字,對齊方式為左對齊,最多顯示一行,當超出一行時進行截斷。07設備控制區(qū)的設計與開發(fā)
設備控制區(qū)用Row布局,內(nèi)嵌兩個Image圖片組件,圖片組件的權重點比為2:1;給設備控制的圖片組件添加事件處理,當被點擊時,反轉(zhuǎn)標志位openFlag;兩個圖片組件顯示的圖片根據(jù)標志位openFlag進行圖片切換。08使用Blank和Divider組件
將設備位置區(qū)的Row布局設計,由使用Row的對齊方式修改為使用Blank組件,讓“客廳空調(diào)”的文字顯示實現(xiàn)居左擺放,同時增加一個下劃線,突出位置的顯示。任務3開發(fā)設備控制頁本任務綜合利用線性布局的不同屬性進行設備控制頁的布局設計,并使用Text組件和Image組件進行了信息的顯示。在開發(fā)過程中,用到的組件的公共屬性時,讀者可自行查閱
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年金融學專業(yè)綜合考試試卷及答案
- 第32屆全國中學生物理競賽復賽試題
- 快遞發(fā)貨倉庫合同協(xié)議
- 母嬰服裝進貨合同協(xié)議
- 商務接待車租賃合同協(xié)議
- 商業(yè)房定金合同協(xié)議
- 橙子產(chǎn)地購銷合同協(xié)議
- 懷柔區(qū)供暖方案合同協(xié)議
- 快遞業(yè)務轉(zhuǎn)讓合同協(xié)議
- 商城會員合同協(xié)議
- 天津市新版就業(yè)、勞動合同登記名冊
- 半澤直樹日語字幕臺詞(一)
- 最新中建CI報價單-2013.
- 指尖血糖監(jiān)測
- 拌和站地基承載力及抗傾覆計算書
- 最新公司客戶訂單流程管理制度
- 生物分離工程第四章膜分離技術.ppt
- +770甩車場設計
- 工控機測試標準
- 招標代理費 國家計委計價格(2002)1980號相關規(guī)定
- PROFORMAINVOICE模板
評論
0/150
提交評論