Canvas

概要

キャンバス上で線や円を描画することができます。また、このコンポーネントの上にボールや画像(ImageSprite)などのコンポーネントを置くことができます。



Properties

  • BackgroundColor
    • 背景色を設定します

  • BackgroundImage
    • 背景画像を設定します

  • FrontSize
    • テキストのサイズを設定します

  • LineWidth
    • 線の太さを設定します

  • PaintColor
    • 描画色を設定します

  • TextAlignment・・・文字の配置方向を設定することができます
    • 0・・・左寄り
    • 1・・・中央寄り
    • 2・・・右寄り

  • Visible
    • 画面に表示するか設定します

  • Width
    • 幅を設定します

  • Height
    • 高さを設定します
     ※ScreenのScrollableにチェックが入っているとFull parentがうまくいきません



Blocks


when型
whenCanvasDragged.png whenCanvas.Dragged
[追加ブロック:startX、startY、prevX、prevY、currentX、currentY、draggedSprite]
do
画像がドラッグされた時に動作します
startX(Y) … 開始点の座標
prevX(Y) … 直前の座標
currentX(Y) … 現在の座標
draggedSprite … ドラッグされた画像

whenCanvasFlung.png when Canvas.Flung
[追加ブロック:x、y、speed、heading、xvel、yvel、flungSprite]
do
画像がフリックされた時に動作します
x(y) … 開始点の座標
speed … フリックの速さ
heading … フリックの角度
x(y)vel … フリックの速度のx(y)成分
flungSprite … フリックされた画像

whenCanvasTouchDown.png when Canvas.TouchDown
[追加ブロック:x、y]
do
キャンバス部分に触れた時に動作します。触れた部分のx軸・y軸を取得し、それぞれ扱うことができます

whenCanvasTouchUp.png when Canvas.TouchUp
[追加ブロック:x、y]
do
触れているキャンバス部分から離れた時に動作します。触れていた部分のx軸・y軸を取得し、それぞれ扱うことができます

whenCanvasTOuched.png when Canvas.Touched
[追加ブロック:x、y、touchedAnySprite]
do
画面をタッチした時に動作します。触れていた部分のx軸・y軸を取得し、それぞれ扱うことができます。touchedAnySpriteは設定した画像に触れた時にtrue・それ以外の場所に触れた時にfalseの値を返します。


call型
callCanvasClear.png call Canvas.Clear
キャンバスに描画した線などを全消去します

callCanvasDrawCirclecenterXYradiusfill.png call Canvas.DrawCircle
centerX
CenterY
radius
fill
円を描きます。x,y軸の位置を設定し,radiusで円の半径を設定します。fillをtrueにすると円を塗り潰します。falseだと中の色を抜いた円を描きます

callCanvasDrawLine.png call Canvas.DrawLine
x1
y1
x2
y2
x1,y1からx2,y2の線を引きます

callCanvasDrawPoint.png call Canvas.DrawPoint
x
y
x,yの座標に点を打ちます

callCanvasDrawText.png call Canvas.DrawText
text
x
y
文字を書きます

callCanvasDrawTextAtAngle.png call Canvas.DrawTextAtAngel
Text
x
y
文字を斜めに書きます

callCanvasGetBackgroundPixelColor.png call Canvas.GetBackgroundPixelColor
x
y
指定したXとY座標の背景の色を取得します。背景に画像を入れている場合その画像の指定したXとY座標の色を取得します。座標は数値で入れます。

callCanvasGetPixelColor.png call Canvas.GetPixelColor
x
y
キャンパス上の指定したXとY座標の色を取得します。座標は数値で入れます。

callCanvasSave.png call Canvas.Save
キャンバスにある状態を保存します。保存先のディレクトリは"/storage/emulated/0/My Documents/Pictures/"にapp_inventor_数字.pngの形式で保存されます。

callCanvasSaveAsfileName.png call Canvas.SaveAs
fileName
ファイル名を設定してキャンバスにある状態を保存します。保存先のディレクトリは"/storage/emulated/0/"に保存されます。拡張子は.jpg、.jpeg、.pngから選択できます。 例)testfile.jpeg

callCanvasSetBackgroundPixelColor.png call Canvas.SetBackgroundPixelColor
x
y
color
指定された座標に点を打ちます



set型
set Canvas.BackgroundColor to 背景色を設定します
set Canvas.BackgroundImage to 背景画像を設定します
set Canvas.FontSize to テキストのフォントサイズを設定します
set Canvas.Height to キャンバスの高さを設定します
set Canvas.LineWidth to 線の太さを数値で設定します
set Canvas.PaintColor to 描画するときの色を設定します
set Canvas.TextAlignment to テキストの表示方向を設定します(0~2)
set Canvas.Visible to キャンバスの可視か否かをtrue・falseで設定します
set Canvas.Width to キャンバスの幅を設定します


値型
Canvas.BackgroundColor to 色の数値を取得します
Canvas.BackgroundImage to 背景画像のファイル名を取得します
Canvas.FontSize to 数値を取得します
Canvas.Height to 数値を取得します
Canvas.LineWidth to 数値を取得します
Canvas.PaintColor to 色の数値を取得します
Canvas.TextAlignment to 数値を取得します(0~2)
Canvas.Visible to true、falseを取得します
Canvas.Width to 数値を取得します
Canvas AnyConmponentで使うブロックです

  • 最終更新:2015-02-17 09:32:35

このWIKIを編集するにはパスワード入力が必要です

認証パスワード