您好,登錄后才能下訂單哦!
這篇文章運(yùn)用簡(jiǎn)單易懂的例子給大家介紹鴻蒙自定義組件之鴻蒙畫板的概述,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。
初識(shí)鴻蒙OS 2.0
華為的鴻蒙OS 2.0是目前唯一個(gè)有希望和安卓、IOS對(duì)抗的全新生態(tài)系統(tǒng)。9月10日,在東莞正式發(fā)布。華為喊出了“HarmonyOS 2.0 連接無限可能”的口號(hào),將是未來十年很有競(jìng)爭(zhēng)力的優(yōu)秀操作系統(tǒng)。
自定義Component
這里我編寫一個(gè)簡(jiǎn)易的畫板。
1.新建一個(gè)類DrawComponment 繼承自Componment;
2.實(shí)現(xiàn)Component.TouchEventListener,用于對(duì)touch事件生成相應(yīng)的path;
3.實(shí)現(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"); //獲取點(diǎn)信息 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); } }
關(guān)于鴻蒙自定義組件之鴻蒙畫板的概述就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。