鴻蒙自定義組件之鴻蒙畫板
初識鴻蒙OS 2.0
華為的鴻蒙OS 2.0是目前唯一個有希望和安卓、IOS對抗的全新生態(tài)系統(tǒng)。9月10日,在東莞正式發(fā)布。華為喊出了“HarmonyOS 2.0 連接無限可能”的口號,將是未來十年很有競爭力的優(yōu)秀操作系統(tǒng)。
自定義Component
這里我編寫一個簡易的畫板。
1.新建一個類DrawComponment 繼承自Componment;
2.實現(xiàn)Component.TouchEventListener,用于對touch事件生成相應(yīng)的path;
3.實現(xiàn)Component.DrawTask,用于把path畫到屏幕上;
代碼
DrawComponment
package com.quqx.draw; import ohos.agp.components.Component; import ohos.agp.render.Canvas; import ohos.agp.render.Paint; import ohos.agp.render.Path; import ohos.agp.utils.Color; import ohos.agp.utils.Point; import ohos.app.Context; import ohos.hiviewdfx.HiLog; import ohos.hiviewdfx.HiLogLabel; import ohos.media.image.PixelMap; import ohos.multimodalinput.event.MmiPoint; import ohos.multimodalinput.event.TouchEvent; public class DrawComponment extends Component implements Component.DrawTask, Component.TouchEventListener { private static final String TAG = "DrawComponment"; PixelMap mPixelMap; Canvas mCanvas; Path mPath = new Path(); Paint mPaint; Point mPrePoint = new Point(); Point mPreCtrlPoint = new Point(); public DrawComponment(Context context) { super(context); //初始化paint mPaint = new Paint(); mPaint.setColor(Color.WHITE); mPaint.setStrokeWidth(5f); mPaint.setStyle(Paint.Style.STROKE_STYLE); //添加繪制任務(wù) addDrawTask(this::onDraw); //設(shè)置TouchEvent監(jiān)聽 setTouchEventListener(this::onTouchEvent); } @Override public void onDraw(Component component, Canvas canvas) { canvas.drawPath(mPath, mPaint); } @Override public boolean onTouchEvent(Component component, TouchEvent touchEvent) { switch (touchEvent.getAction()) { case TouchEvent.PRIMARY_POINT_DOWN: { //鴻蒙Log工具 HiLog.debug(new HiLogLabel(0, 0, TAG), "TouchEvent.PRIMARY_POINT_DOWN"); //獲取點信息 MmiPoint point = touchEvent.getPointerPosition(touchEvent.getIndex()); mPath.reset(); mPath.moveTo(point.getX(), point.getY()); mPrePoint.position[0] = point.getX(); mPrePoint.position[1] = point.getY(); mPreCtrlPoint.position[0] = point.getX(); mPreCtrlPoint.position[1] = point.getY(); //PRIMARY_POINT_DOWN 一定要返回true return true; } case TouchEvent.PRIMARY_POINT_UP: break; case TouchEvent.POINT_MOVE: { HiLog.debug(new HiLogLabel(0, 0, TAG), "TouchEvent.POINT_MOVE"); MmiPoint point = touchEvent.getPointerPosition(touchEvent.getIndex()); Point currCtrlPoint = new Point((point.getX() + mPrePoint.position[0]) / 2, (point.getY() + mPrePoint.position[1]) / 2); //繪制三階貝塞爾曲線 mPath.cubicTo(mPrePoint, mPreCtrlPoint, currCtrlPoint); mPreCtrlPoint.position[0] = currCtrlPoint.position[0]; mPreCtrlPoint.position[1] = currCtrlPoint.position[1]; mPrePoint.position[0] = point.getX(); mPrePoint.position[1] = point.getY(); //更新顯示 invalidate(); break; } } return false; } }
MainAbilitySlice
package com.quqx.draw.slice; import com.quqx.draw.DrawComponment; import ohos.aafwk.ability.AbilitySlice; import ohos.aafwk.content.Intent; import ohos.agp.components.DirectionalLayout; import ohos.agp.components.DirectionalLayout.LayoutConfig; import ohos.agp.components.Text; import ohos.agp.colors.RgbColor; import ohos.agp.components.element.ShapeElement; import ohos.agp.utils.Color; import ohos.agp.utils.TextAlignment; public class MainAbilitySlice extends AbilitySlice { private DirectionalLayout myLayout = new DirectionalLayout(this); @Override public void onStart(Intent intent) { super.onStart(intent); LayoutConfig config = new LayoutConfig(LayoutConfig.MATCH_PARENT, LayoutConfig.MATCH_PARENT); myLayout.setLayoutConfig(config); DrawComponment drawComponment = new DrawComponment(this); drawComponment.setLayoutConfig(config); ShapeElement element = new ShapeElement(); element.setRgbColor(new RgbColor(0, 0, 0)); drawComponment.setBackground(element); myLayout.addComponent(drawComponment); super.setUIContent(myLayout); } @Override public void onActive() { super.onActive(); } @Override public void onForeground(Intent intent) { super.onForeground(intent); } }
效果
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
鴻蒙HarmonyO開發(fā)實戰(zhàn)-Web組件中的Cookie及數(shù)據(jù)存儲
Cookie是一種存儲在用戶計算機上的小文本文件,用于在用戶訪問網(wǎng)站時存儲和提取信息,它由網(wǎng)站服務(wù)器發(fā)送到用戶的瀏覽器,并存儲在用戶的計算機上,每當用戶訪問該網(wǎng)站時,瀏覽器將發(fā)送該Cookie回服務(wù)器,以用于識別用戶和存儲用戶的首選項和其他信息2024-06-06淺析鴻蒙開發(fā)app支持JavaScript?上手HelloWorld,體驗究竟香不香
這篇文章主要介紹了淺析鴻蒙開發(fā)app支持JavaScript?上手HelloWorld,體驗究竟香不香,本文通過圖文并茂的形式給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-09-09好人共享的一個萬能Ghost系統(tǒng)制作教程附相關(guān)軟件下載
好人共享的一個萬能Ghost系統(tǒng)制作教程附相關(guān)軟件下載...2007-11-11系統(tǒng)定時啟動服務(wù)2種實現(xiàn)方法
系統(tǒng)定時啟動服務(wù):在規(guī)定的時間內(nèi)運行指定的服務(wù),下面與大家分享下2種實現(xiàn)方法,感興趣的朋友可以參考下哈2013-06-06Jetson tk2開發(fā)部署實現(xiàn)過程圖解
這篇文章主要介紹了Jetson tk2開發(fā)部署實現(xiàn)過程圖解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-11-11鴻蒙HAIWEI DevEco Studio安裝配置運行Hello World的實現(xiàn)
這篇文章主要介紹了鴻蒙HAIWEI DevEco Studio安裝配置運行Hello World,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09ip地址掩碼和位數(shù)對應(yīng)關(guān)系由淺入深理解(192.168.0.0/24)
192.168.0.0/24這是IP地址的一個規(guī)范寫法,前面是IP地址,后面跟一個斜杠以及一個數(shù)字,這條斜杠及后面的數(shù)字稱為網(wǎng)絡(luò)掩碼(network?mask)。斜杠后面的數(shù)字表示有意義的比特位的個數(shù)(從左到右)。ip地址后面的斜杠24表示掩碼位是24位的,即用32位二進制表示的子網(wǎng)...2023-06-06