Canvas
概要
キャンバス上で線や円を描画することができます。また、このコンポーネントの上にボールや画像(ImageSprite)などのコンポーネントを置くことができます。
Properties
- BackgroundColor
- 背景色を設定します
- BackgroundImage
- 背景画像を設定します
- FrontSize
- テキストのサイズを設定します
- LineWidth
- 線の太さを設定します
- PaintColor
- 描画色を設定します
- TextAlignment・・・文字の配置方向を設定することができます
- 0・・・左寄り
- 1・・・中央寄り
- 2・・・右寄り
- Visible
- 画面に表示するか設定します
- Width
- 幅を設定します
- Height
- 高さを設定します
※ScreenのScrollableにチェックが入っているとFull parentがうまくいきません
Blocks
when型
 |
whenCanvas.Dragged [追加ブロック：startX、startY、prevX、prevY、currentX、currentY、draggedSprite] do |
| 画像がドラッグされた時に動作します startX(Y) … 開始点の座標 prevX(Y) … 直前の座標 currentX(Y) … 現在の座標 draggedSprite … ドラッグされた画像 |
|
 |
when Canvas.Flung [追加ブロック：x、y、speed、heading、xvel、yvel、flungSprite] do |
| 画像がフリックされた時に動作します x(y) … 開始点の座標 speed … フリックの速さ heading … フリックの角度 x(y)vel … フリックの速度のx(y)成分 flungSprite … フリックされた画像 |
|
 |
when Canvas.TouchDown [追加ブロック：x、y] do |
| キャンバス部分に触れた時に動作します。触れた部分のx軸・y軸を取得し、それぞれ扱うことができます | |
 |
when Canvas.TouchUp [追加ブロック：x、y] do |
| 触れているキャンバス部分から離れた時に動作します。触れていた部分のx軸・y軸を取得し、それぞれ扱うことができます | |
 |
when Canvas.Touched [追加ブロック：x、y、touchedAnySprite] do |
| 画面をタッチした時に動作します。触れていた部分のx軸・y軸を取得し、それぞれ扱うことができます。touchedAnySpriteは設定した画像に触れた時にtrue・それ以外の場所に触れた時にfalseの値を返します。 | |
call型
 |
call Canvas.Clear |
| キャンバスに描画した線などを全消去します | |
 |
call Canvas.DrawCircle centerX CenterY radius fill |
| 円を描きます。x,y軸の位置を設定し,radiusで円の半径を設定します。fillをtrueにすると円を塗り潰します。falseだと中の色を抜いた円を描きます | |
 |
call Canvas.DrawLine x1 y1 x2 y2 |
| x1,y1からx2,y2の線を引きます | |
 |
call Canvas.DrawPoint x y |
| x,yの座標に点を打ちます | |
 |
call Canvas.DrawText text x y |
| 文字を書きます | |
 |
call Canvas.DrawTextAtAngel Text x y |
| 文字を斜めに書きます | |
 |
call Canvas.GetBackgroundPixelColor x y |
| 指定したXとY座標の背景の色を取得します。背景に画像を入れている場合その画像の指定したXとY座標の色を取得します。座標は数値で入れます。 | |
 |
call Canvas.GetPixelColor x y |
| キャンパス上の指定したXとY座標の色を取得します。座標は数値で入れます。 | |
 |
call Canvas.Save |
| キャンバスにある状態を保存します。保存先のディレクトリは"/storage/emulated/0/My Documents/Pictures/"にapp_inventor_数字.pngの形式で保存されます。 | |
 |
call Canvas.SaveAs fileName |
| ファイル名を設定してキャンバスにある状態を保存します。保存先のディレクトリは"/storage/emulated/0/"に保存されます。拡張子は.jpg、.jpeg、.pngから選択できます。 例)testfile.jpeg | |
 |
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
