LinUI學習5 自定義元件的使用

2022-06-06 05:27:08 字數 1213 閱讀 1921

linui採用的是自定義元件,因此我們需要知道如何使用自定義元件。

因為linui元件大小為500kb左右,因此這裡採用全部匯入的方式

在所需要的頁面json中引入對應的元件,

示例:

"usingcomponents": ,
在model資料夾下新建乙個category.js檔案用於請求資料(http請求已經封裝好,詳見前面的筆記)

我們需要在linui提供的元件的基礎上再自定義生成乙個元件

因此我們需要

新建乙個components資料夾用於存放自定義的元件

在資料夾內新建乙個category-grid資料夾 並在此資料夾下新建component(一般命名為index)

並在對應的資料夾下修改,這裡css沒有定義

js:

//

components/category-grid/index.js

component(,

/** * 元件的初始資料

*/data: ,

/** * 元件的方法列表

*/methods:

})

wxml:

for="}">

}

我們在第三步的時候已經自定義了乙個category-grid元件

示例:我們需要在home.wxml呼叫到我們第三步驟定義的元件

因為只有該頁面使用到category-grid元件所以只需要在home.json中定義

"usingcomponents":
在js中使用封裝好的http請求

data: ,

/** * 生命週期函式--監聽頁面載入

*/onload: async

function

(options) ,

async initalldata() )

},

在wxml中直接呼叫即可使用該元件

自定義元件 學習

通過對android的學習,大家都知道,谷歌提供的api demo的一些基本元件雖然很豐富,但遠遠滿足不了我們設計華麗介面的需求,所以這就需要我們自己來定義我們所需要的元件.還好谷歌提供一些自定義控制項的一些方法.現將本人從網上收集以及本人學習的自定義控制項的使用方法列下,供各位參考,如有不妥之處歡...

Android學習 自定義元件

public class mylistview extends listview public mylistview context context public mylistview context context,attributeset attrs,int defstyle override ...

自定義元件

myedittext 清除輸入的資料 setcompunddrawable 設定edittext ontouchevent ondraw 作用 繪製view顯示的內容,由系統自動呼叫 常用類 paint,canvas invalidate,postinvalidate 貪吃蛇原理 改變集合中的資料,...