Delphiでグラフィック情報を表示する方法。 Delphiのグラフィック機能の選択。 画像コンポーネントとPaintBox

スライド2

"振動 グラフィック情報 Delphiで»トピックプラン：Delphiでグラフィック情報を表示する方法。 写真を表示しています。 幾何学的形状の視覚化。 Pobudovaのグラフィックと図。

スライド3

1.グラフィック情報を表示する方法。 Delphiには、グラフィック情報を表示するためのいくつかの方法があります。準備された一連の画像（コンポーネントImage、Shape）を表示します。 Pobudovaのグラフィックと図（コンポーネントチャートとint。）; 画像成形 プログラムで（Canvasオブジェクト）。

スライド4

写真を表示しています。 Imageコンポーネントを使用して画像を表示し、前のトピックの1つを確認しました。 ここでは、画像コンポーネントに表示される画像を定期的に変更する方法で最も単純なアニメーションを作成する例を見ていきます。 お尻からジャンプします。

スライド5

幾何学的形状の視覚化。 フォーム上で最も単純な幾何学的形状を表示するには、Shapeコンポーネントを使用します。

スライド6

幾何学的形状の視覚化。 Shapeコンポーネントの主な機能：

スライド7

幾何学的形状の視覚化。 Shapeコンポーネントの数から、不器用な小さなコンポーネントを作成できます。 シェイプコンポーネントの位置（。左、。上）、サイズ（。幅、。高さ）、および色（ブラシ。色）をプログラムで変更することにより、最も単純なアニメーションの要素を小さなものに変更できます。 例を見てください。

スライド8

Pobudovaのグラフィックと図。 これらの図は、数値データの配列の最初の表示、それらの視覚的表現および分析に使用されます。 お尻。 Delphiチャートを奨励するために、いくつかのコンポーネントがあります。そのうちの1つは、Chartコンポーネント（TeeChart Stdによって分割）です。

スライド9

Pobudovaのグラフィックと図。 フォームに挿入された後のチャートコンポーネントの表示：

スライド10

Pobudovaのグラフィックと図。 「オブジェクトインスペクター」クリームでは、ダイアログで特別なウィンドウを開くことで、チャートコンポーネントの機能にアクセスできなくなります（コンポーネントの右ボタン\チャートの編集...）データ系列の追加チャートのタイプを変更します

スライド11

Pobudovaのグラフィックと図。 ダイアグラムのタイプを選択します。

スライド12

Pobudovaのグラフィックと図。 座標軸（軸）の電力設定：

スライド13

Pobudovaのグラフィックと図。 音を表示するためのデータは、プログラムでチャートに送信されます。 （クリアシリーズ）for i：= 1 to N Series1.addxy（i、A [i]、‘’、clGreen）; X軸の値Y軸の値X軸のシグニチャ図上のデータの数関数y=Sin（x）のグラフの例を見てください。

スライド14

ダリ：実験室作業No.13.1。 「写真と幾何学図形の振動、それらのアニメーション」。 タスク：1）画像コンポーネントに表示される画像の定期的な変更の過程で最も単純なアニメーションを作成するためのアドオンの開発。 （写真の数は3枚以上で、写真は個別に選択されます）。

スライド15

タスク：2）Shapeコンポーネントから小さなものを発明して描画します。 プログラムで位置を変更し、小さい方のShapeコンポーネントの色または色を変更して、最も単純なアニメーションの要素を作成します。

スライド16

ダリ：実験室作業No.12.2。 「Pobudovグラフィックと図」。 タスク：プログラムを変更する 実験室での作業 No. 9（表のデータのレビュー）。 テーブルの現在のデータをヒストグラムまたは円形の図に表示する可能性を追加します。 2）与えられた機能のスケジュールを導きます。

すべてのスライドを表示

「Delphiでのグラフィカル情報の表示」
トピックプラン：
1.グラフィックを視覚化する方法
Delphiの情報。
2.写真の視覚化。
3.幾何学的なバリエーション
数字

4枚のスライドによるプレゼンテーションの説明：

スライド1枚

スライドの説明：

2スライド

スライドの説明：

ビジュアルの真ん中 Delphiプログラミング、Windowsのように、サポート グラフィカルインターフェイス koristuvach（GDI-グラフィックDelphiインターフェイス）。 Delphiには、グラフィック情報を表示する2つの方法があります。準備された画像のバックログを表示する。 プログラムからの絵画。

3スライド

スライドの説明：

ImageandShapeの選択されたコンポーネントに基づく最初の方法。 既製の画像（ピクトグラム）を使用することも、画像エディタを使用して自分で作成することもできます。 もう1つの方法は、Canvasオブジェクトを使用してプログラムで画像を整形することです。

4スライド

スライドの説明：

Delphiは、Canvasのデザインと同様に、独自の特別なオブジェクトを持つことができます。 1時間未満のロボットプログラムでアクセスしやすいため、プログラムからの不正行為の頻度を減らすことができます。 必要なコード私のObjectPascal。 キャンバスの力の対象として、その表面にペイントすることができます。 この役割に最も適した候補は、フォーム自体と特別なPaintBoxコンポーネントです。

5スライド

スライドの説明：

オブジェクトキャンバスパワー：ペン（フェザー）-線をペイントしたり、幾何学的形状の間をペイントしたりするためのパワー。 ペンはグラフィックカーソルiのコマンドに従い、独自の線を持ち、パワーに独自の貢献をする場合があります。色-線の色を設定します（黒色の場合）。 モード-絵画スタイル（非人称的価値があり、焼きはここにはありません）; スタイル–値として使用できるラインスタイル：psSolid – sucilna（ロック用）。 psDosh-ストローク; psDot-点線; psDoshDot-点線のストローク（優勢）。 Widh –線幅（ロックごとに1ピクセル）。

6スライド

スライドの説明：

ブラシ（ペンゼル）-図を塗りつぶすための力。力のそのような貢献があるかもしれません：色-ペンズルの色（ロック用-白）; スタイル-ペンズルの飾り。意味があります。bsClear-ジューシーなrozmalovka。 bsHorizo​​ntal-水平線; bsVertical-垂直線; bsFDiagonal-左対角線; bsBDiagonal-右対角線; bsCross、clitina; bsDiagCross-クリチンのブレード;

7スライド

スライドの説明：

フォント（フォント）-テキストを表示する力、力のそのような貢献があるかもしれません：色-文字の色; 高さ-フォントの高さ（ピクセル単位）。 名前-フォントの名前。 サイズ–フォントサイズ。 スタイル-フォントスタイル。次の値に設定できます。fsBold-太字; fsItalic-斜体 fsUnderline-アンダーライン; fsStrikeOut-クロスオーバー;

8スライド

スライドの説明：

PenPos（ペンの位置）-絵の現在の位置を選択する力（特定の瞬間の絵の領域でのペンの位置を示します）; ピクセル-ペイント領域（「キャンバス」）の4つのポイントの座標を記録および読み取るためのパワーアレイ。

9スライド

スライドの説明：

CanvasオブジェクトメソッドMoveTo（x、y：integer）–線を描画せずに、ペンを現在の位置から指定されたx座標のポイントに移動します。 LineTo（x.y：integer）-交差した線に沿って、ペンを現在の位置から指定されたx座標からのポイントに移動します。 Arc（x1、y1、x2、y2、x3、y3、x4、y4：整数）-座標（x1、y1）および（x2、y2）を持つ長方形に内接する楕円の小さな弧。 円弧は、点（x3、y3）と（x4、y4）を通過する楕円の半径によって定義されます。

10スライド

スライドの説明：

コード（x1、y1、х2、y2、х3、y3、х4、y4：整数）-説明の背後にある楕円の小さなコード。Arcメソッドを指します。 楕円（x1、y1、x2、y2：整数） アッパーフードポイント（x1、y1）およびポイント（x2、y2）の右下隅。 FillRect（Rect（x1、y1、x2、y2：integer））-長方形を色で塗りつぶし、フローペンズル（ブラシ）を設定します。 Vicorist関数Rect。指定された座標を持つ長方形を表します。

11スライド

スライドの説明：

FloodFill（x、y：integer; Color：TColor; FillStyle：TFillStyle）–現在の色で塗りつぶされ、パワーをBrushに設定します：FillStyle = fsBorderの場合–座標x、yのポイントから境界までの閉じた領域、割り当てられた色別; FillStyle=fsSurface-その表面積。 色; 円（x1、y1、x2、y2、x3、y3、x4、y4：整数）-座標（x1、y1）および（x2、y2）を持つ長方形に内接する楕円の小さなセクター。 扇形は、点（x3、y3）と（x4、y4）を通過する楕円の2つの半径によって定義されます。

12スライド

スライドの説明：

ポリライン（ポイント：TPointの配列）–ラマン線を描画し、ポイントをポイント配列に連続して渡します。 ポリゴン（ポイント：TPointの配列）-複数のループが含まれ、Roints配列にポイントが連続して追加されます。 VіdrіznyaєtsyavіdメソッドPolylinetimschoは自動的にpodnuєkіnetslamanoїzїїcob; 長方形（x1、y1、x2、y2：整数）–点（x1、y1）に左上端、点（x2、y2）に右下端がある小さな長方形。

13スライド

スライドの説明：

Retresh-画像を作り直す必要性を想起する方法。 RoundRect（x1、y1、x2、y2、x3、y3：整数）-角が丸い小さな長方形。 Kutiは、幅x3、高さy3の4分の1楕円のように描かれています。 TextOut（x、y：integer、Text：String）-Textパラメーターで指定されたテキストに出力します。 テキストは、可能な座標x、yの左上隅である長方形に収まります。

グラフィック情報を表示するため Delphiライブラリコンポーネントの転送。そのリストを表に示します。 6.6。

表6

グラフィック情報を表示するためのコンポーネント

さらに、電力が供給されている可能性のあるウィンドウコンポーネントの表面にグラフィック情報を入力することができます キャンバス- キャンバス。

画像テーブル-DrawGridおよびStringGridコンポーネント

成分 DrawGridあなたが復讐することができるように、テーブルの付録を作成するためのvikoristovuetsya グラフィック画像。 コンポーネントに類似したコンポーネント全体 文字列グリッド、残りの残骸 ドローグリッド。トムイン DrawGridすべてのパワー、メソッド、サブコンポーネントが存在します 文字列グリッド、 krimyakіstosuyutsyaテキスト、tobto。 権力の犯罪 細胞, 列、行、オブジェクト。コンポーネントが見えるもの StringGridより可能性があり、より低い ドローグリッド、真ん中のワインの破片とテキストの画像を保存できます。 そして、中央にテキストを追加したい場合 ドローグリッド、次に、キャンバス上のテキストを視覚化するための何らかの方法を書く必要がありますが、これは簡単ではありません。

コンポーネント DrawGridとStringGrid帆布を縫う キャンバス、画像を配置できる場所。

Єメソッド セルレク、キャンバスエリアを回転させ、真ん中のタスクを導入しました。 Tseyメソッドは次のように割り当てられます

関数CellRect（ACol、ARow：Longint）：TRect;

de AColとARow-中央のいくつかの並べ替えのリラインで、0から始まるインデックスと行。 この機能領域をキャンバス領域に回転させて、必要な画像をペイントできるようにします。 たとえば、演算子

DrawGridl.Canvas.CopyRect（DrawGridl.CellRect（1,1）、

BitMap.Canvas、Rect（0,0、BitMap.Height、BitMap.Width））;

コピー方法 CopyRectテーブルの真ん中（1,1）に DrawGridlコンポーネント画像 ビットマップこのcomirkaは、テーブル内の他の動物であり、インデックスのシャードは0から始まります。comirkiが小さい場合は、画像が下にコピーされ、画像の左上部分のみが表示されます。コミッショナリー。

コンポーネントキャンバス上の画像 DrawGridおよびStringGrid、ヤクと任意のコンポーネントのキャンバス上で、プログラムが他のウィンドウによって上書きされたとき、またはプログラムが書き込まれたときなどに消去する必要があります。

手動で画像を真ん中に持ってくる DrawGridєvikoristannyaobroblyuvachapodіy OnDrawCell。 Tsіpodіїは、їїの塗り直し時にテーブルのスキンセンターに来ます。 obrobnikのタイトルを見ることができます：

プロシージャTForml.DrawGridlDrawCell（送信者：TObject;

ACol、ARow：整数; Rect：TRect; 状態：TGridDrawState）

パラメータ 州真ん中を表示します。 非人称的な場合、ヤクは次の要素に復讐することができます。 gdSelected-真ん中のビジョン、 gdFocused-焦点で知られている中心、 gdFixed-テーブルの固定領域の中央。 パラメータ 州さまざまな国でさまざまなキャラクターの発酵のためにvikoristovuvatすることが可能です。

形状コンポーネント

形状コンポーネント精神的にのみ、視覚化を使用してグラフィック情報を改善できます。シャードは単純に異なる幾何学的図形であり、シェーディングのランクが異なります。 このコンポーネントの主な力は 形（フォーム）、どのように値を入力できますか：

StRectangle-長方形;

StSquare-正方形;

StRoundRect-角が丸い長方形。

StRouhdSquare-角が丸い正方形。

StEllipse-楕円;

StCircle-コロ。

コンポーネントの他の電源- みがきます（penzlik）。 Tsyadominionєオブジェクトタイプ tbrush、いくつかのサブパワー、ゾクレマカラーを描く （ブラシカラー） taスタイル （ブラシスタイル）図形を塗りつぶします。 スタイルの同じ値での塗りつぶしは、図のバチッティにすることができます。 3.2。 第3 特定の力成分 形- ペン（羽）線のスタイルを定義します。

チャートコンポーネント

これで、コンポーネントを確認できます チャート。このコンポーネントを使用すると、さらに効果的に見えるさまざまな図やグラフィックを作成できます。 成分 チャートあなたがそれらを見たとしても、全体に章を捧げる機会があったであろう非人称的な権威、方法、podіy。 だからこそ、私たちは主な特徴よりも少ない外観に夢中になっています チャート。また、Delphiのソリューションについて学ぶことも、ダイアグラムを試して試してみることができます。

成分 チャートєオブジェクトコンテナ シリーズ-落下クラス TchartSeries。このようなオブジェクトは、一連のデータを表します。これらのデータは、歌うスタイルの表示（1つまたは他のグラフまたは図）によって特徴付けられます。 革部品 チャートあなたはスプラットシリーズに復讐することができます。 グラフを変更する場合は、スキンシリーズが1つの曲線をグラフに一致させます。 ダイアグラムを描きたい場合は、特定のタイプのダイアグラムでは、異なるシリーズの1つの槍に1つを配置できます。他のタイプ（たとえば、円形のダイアグラム）では、ymovirnoは見苦しく見えます。 ただし、どちらの方法でも1つのコンポーネントに配置できます チャート同じデータの一連のスプラット 別のタイプダイアグラム。 次に、皮膚の瞬間のroblyachiで、そのうちの1つがアクティブになっている場合、チャープするデータを示す図のタイプにcorystuvachevibirを与えることができます。

1つまたは2つのコンポーネントを混合します チャートフォーム上で、オブジェクトの検査官で観察された権威に驚嘆します。 それらのいくつかを説明しましょう。

AllowPanning-マウスボタンを右に押して、グラフィックの一部をスクロールして1時間視聴する可能性を決定します。 可能な値：pmNone-スクロールは無効、pmHori / ontal、pm垂直またはpmBoth-水平方向へのスクロールは許可されていますが、両方向へのスクロールは許可されていません。

AhowZoom-マウスカーソルで図やグラフィックの断片を表示して、画像スケールの時間をすばやく変更できます。 したがって、フラグメントのフレームは右下に描画され、フラグメント全体がグラフのフィールド全体に引き伸ばされます。 また、フレームを上り坂と左に引くと、外側の目盛りが復元されます。

Title-チャートのタイトルを設定します。

Foot-図の下の署名を示します。 zamovchuvannyamvіdsutnyaの場合。 署名のテキストはヘルプテキストに割り当てられます。

フレーム-図の横にフレームを設定します。

インスペクターオブジェクトの冗長な権限の数は、3つの斑点のある拡張ボタンです。これにより、ダイアグラムエディターの反対側をクリックできます。これは、ダイアグラムのすべての権限を設定できる豊富なサイドウィンドウです。 編集者のWiklik チャートまたは、マウスの右ボタンで新しいものをクリックし、スプライシングメニューから[チャートの編集]コマンドを選択します。

上部コンポーネントのアンダーワイヤークラッターを展開します チャート。チャートの横にある図のエディタのウィンドウに移動できるので、ブックマークを付けることができます。 目の前の[シリーズ]タブをクリックします。 [追加]ボタンを押します-シリーズを追加します。 ウィンドウで時間を過ごすことができ、図やグラフィックの種類を選択できます。 この場合、[円]-円グラフを選択します。 タイトルをまとうタイトルは図の見出しを設定し、LegendDzvollaєを配置してD_Grami（知人のリスト）の伝説の伝説のパラメーターを設定することができますAboVarbraiїїїказанаказанаколановаВорна 3DDEEєYOUMOGLYDISINITIY SOVNIY VISHIL、zsuv、tovshchinatoscho。

ダイアグラムエディタを使用してダイアグラムタイプを選択した場合、コンポーネント チャートあなたのフォームでは、それはそれの前にもたらされた知的賛辞のように見えます。 そのため、プログラムにさまざまなオプションを設定した結果をすぐに確認できるので便利です。

シリーズページには多数のブックマークもあり、シリーズを表示するための追加の特性を選択する機会があります。 したがって、円グラフの場合は、[書式]タブで[円グラフ]オプションを有効にして、グラフコンポーネントが任意のサイズの視覚的な問題でグラフによって表示されるようにします。 [マーク]タブの[スタイル]グループのボタンは、ラベルに何が書き込まれるかを示します。これは、図で最大10個のセグメントに表示されます。値-値、パーセント-百、ラベル-薄く名前を付けます。

必要に応じて、チャート側の[シリーズ]タブにある[クローン]ボタンを押して、このチャートコンポーネントに同じシリーズをもう1つ追加できます。次に、この新しいシリーズの場合は、[変更]ボタンを押して、別のタイプの図を選択します。例バー。

チャートエディタから表示し、補遺の下部のチャートコンポーネントを確認し、チャートエディタを使用して新しい権限タスクを繰り返します。 このように、チャートに2つの曲線を表示し、ダイアグラムとして線種を選択する場合は、2つの系列を指定する必要があります。 グラフの詳細については、[軸]タブと[壁]タブを使用して、グラフの軸とトリマー面の座標特性を設定できます。

どのプロジェクトについて 正気に見えるプログラムは終了します。 表示したいデータであるコードを書くのは任されていました。 テストプログラムでは、定数データを円線図に、実際の関数をグラフに入れてみましょう。

値を設定するには、シリーズ方式に勝つ必要があります。 3つの主要な方法に焦点を当てましょう。

方法 クリア以前に入力された一連のデータをクリアします。

方法 追加：

Add（Const AValue：Double; Const ALabel：String; AColor：TColor）、

ダイアグラムに新しいポイントを追加できます。 パラメータ 価値追加する値、パラメーターを指定します ラベル-図と凡例に示されているように、マークを付けます。 AColor-コリアー。 パラメータ ラベル-拘束力はなく、ヨガは空にすることができます：''。 方法 AddXY：

AddXY（Const AXValue、AYValue：Double; Const ALabel：String; AColor：TColor）

関数のグラフに新しい点を追加できます。 パラメーター AXValueі AYValueその関数の引数と一致します。 パラメーター ALabelとAColor tіw、schothmethodі 追加。

このランクでは、お尻からのデータの取得を保護する手順は次のようになります。

constAl = 155; A2 = 251; A3 = 203; A4 = 404; var i：word; 始める

Serieslで始めましょう

Add（Al、 "Shop l"、clYellow）;

Add（A2、 "Floor 2"、clBlue）;

Add（A3、 "Floor 3"、clRed）;

Add（A4、 "Design 4"、clPurple）; 終わり;

Series2.Clear; SeriesS.Clear; i：=0から100の場合は開始します

Series2.AddXY（0.02 * Pi * i、sin（0.02 * Pi * i）

SeriesS.AddXY（0.02 * Pi * i、cos（0.02 * Pi * i）end;

ClRed）; clBlue）;

演算子 クリアたとえば、1時間、プログラムがデータを更新する必要があります。

コンポーネントに精通する相手 チャート。確かに、私たちは可能性のほんの一部しか見ていません。

"VіdobrazhennyagrafіchnoїInformácieinDelphi»planby：1.Ztstststsіііііііііinin in D D D D eeee llll pppp hhhh iiii O OTTTTOOOObbbbrrrrrraaaazhzhzhzhїїїїnnnnі kkkk iii xxxxxx ffff iiiiii rrgg uuuu rrrr P Pooooo ssss tttt rrrrroooooee nnnn iiiiii yyiii AAAA rrrrrrrr AAAAmmmmmmmm。

1.グラフィック情報を表示する方法。 Delphiには、グラフィック情報を表示するためのいくつかの方法があります。さまざまな画像準備（画像、形状コンポーネント）の描画。 P Pobudovaのグラフと図（コンポーネントチャートとint。）; プログラムで画像を形成する（Canvasオブジェクト）。

2.表示2.画像を表示します。 IMAGEmIの追加コンポーネントのVіdograde写真ВольльльльлилВОііиззззпрпррррріїизззпрррррррρ PPPPїїїїrrrrїїїїyyyyttttiiiiiinn n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n

3.振動3.幾何学的図形の振動。 Іzk_lkoh不器用な小さなものを作成できるShapeコンポーネント。 ワールドの位置（.Left、.Top）（.Width、.Height）とShapeコンポーネントの色（Brush.Color）を小さなものにプログラムで変更すると、最も単純なアニメーションの要素を変更できます。 R R R R ahhh sssssssssssssssssssss mmmm oooo tttt rrrr eeee ttttt p p p prrrr iiiiii mmmmeeeerrrr。

4. Pobudova4.Pobudovaのグラフィックと図。 これらの図は、数値データの配列の最初の表示、それらの視覚的表現および分析に使用されます。 Delphiでチャートを作成するために、いくつかのコンポーネントがあります。そのうちの1つは、チャートコンポーネント（TeeChart Stdによって分割）です。

グラフィックと図。 音を表示するためのデータは、プログラムでチャートに送信されます。 （クリアシリーズ）for i：= 1 to N do Series1.addxy（i、A [i]、clGreen）; X軸の値Y軸の値Y軸の値X軸の署名グラフのデータの色zzstiiiiiiiiiy y y y y = = = = S S S S iiii nnnn（（（（ xxxx）））））

Dalі：実験用ロボット““““ TOVO ttttooobbbbbrrraaaaazhzhzh eeee nnnn iiiiiieeee k k k aaaa rrrr ttttiiiiii nnnnnooookkkt i h y g eooooo xxxx ffff yiii yyyy rrrr、and and and and and and and and and and and and and xxxx a mmyyyyyyyy” "...タスク：1画像の周期的な変化の途中のアニメーション。 （写真の数は3枚以上で、写真は個別に選択されます）。

Dalі：実験用ロボット““““ PPPP oooo ssssttttrrrrooooїїєїnnnniiiiiiiiiієїyyygrrrrааааffffiiiiiikkkkoooovvvviіddіііііааааа テーブルの現在のデータをヒストグラムまたは円形の図に表示する可能性を追加します。 2）与えられた機能のスケジュールを導きます。