weex 28 自定義AR元件

2021-09-12 09:41:53 字數 1429 閱讀 5421

本節學習目標

如何自定義乙個元件

什麼時候該自定義元件?

當weex提供給我們的預設元件滿足不了我們的需求的時候這個時候,就需要自定義元件了。

下面就以ios 自定義元件為例演示一下 如何自定義乙個ar 元件

使用方式如下
效果圖如下

接下來是自定義元件(component)的詳細步驟

建立乙個類繼承wxcomponent

上述ar標籤有乙個屬性name 接下來看如何實現

在wxarcomponent.m檔案定義乙個屬性

@property(nonatomic,strong)nsstring *filename; // 模型檔案的名字
然後重寫下面的方法

-(instancetype)initwithref:(nsstring *)ref type:(nsstring *)type styles:(nsdictionary *)styles attributes:(nsdictionary *)attributes events:(nsarray *)events weexinstance:(wxsdkinstance *)weexinstance


return self;


}
解釋一下

[wxconvert nsstring:attributes[@"name"]] wxconvert 定義了很多資料轉換方法

當js修改屬性的值之後,會自動呼叫下面的方法

-(void)updateattributes:(nsdictionary *)attributes
如何給元件自定義繫結事件,如下

接下來 我們看看原生中如何觸發這個事件

[self fireevent:@"go" params:@];
上面是介紹了定義元件的基本用法,下面一步很重要的內容

我們要讓weex框架識別這個我們自定義的元件,必須註冊這個元件,如下

wxsdkengine.registercomponent("ar", with: wxarcomponent.self);

自定義元件

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

自定義元件

自定義控制項 1.抽取layout如 list item home.xml 2.寫乙個類繼承1中的layout，實現父類 相對布局 的構造方法 3.使用 自定義控制項的屬性 1.布局檔案裡自定義乙個命名空間 xmlns my 2.在res的values目錄下描述自定義屬性的檔案 3.在布局檔案裡寫你...

自定義元件

自定義控制項 1.抽取layout如 list item home.xml 2.寫乙個類繼承1中的layout，實現父類 相對布局 的構造方法 3.使用 自定義控制項的屬性 1.布局檔案裡自定義乙個命名空間 xmlns my 2.在res的values目錄下描述自定義屬性的檔案 3.在布局檔案裡寫你...