Postupy: Kreslení obrazců s ovládacími prvky OvalShape a RectangleShape (Visual Studio)

Článek
08/11/2011

Můžete použít ovládací prvek OvalShape k kreslení kruhů nebo elipsy v formuláři nebo v kontejneru, obojí v době návrhu nebo za běhu. Můžete použít ovládací prvek RectangleShape pro nakreslení čtverce, obdélníku nebo obdélníků se zaoblenými rohy ve formuláři nebo v kontejner. Také můžete použít tento ovládací prvek k kreslení tvarů v době návrhu nebo za běhu.

Vzhled obrazec můžete přizpůsobit změnou šířky, barvy a stylu ohraničení. Pozadí obrazce je ve výchozím nastavení průhledné; můžete přizpůsobit pozadí k zobrazení plné barvy, vzorku, výplně přechodem (přechod z jedné barvy do jiného) nebo obrázkem.

Nakreslete jednoduchý obrazec v době návrhu

Přetáhněte ovládací prvek OvalShape neboRectangleShape ze záložky Visual Basic PowerPacks na Panelu nástrojů na formulář nebo do kontejneru.
Táhněte úchyty pro změnu velikost a pro změnu umístění k změně velikosti a umístění obrazce.

Můžete také změnit velikost a umístění obrazce změnou vlastností Size a Position v okně Vlastnosti.

Chcete-li vytvořit obdélník se zaoblenými rohy, vyberte vlastnost CornerRadius v okně Vlastnosti a nastavte hodnotu na hodnotu, která je větší než 0.
V okně Vlastnosti můžete nastavit volitelné vlastnosti ke změně vzhledu obrazce.

Chcete-li nakreslit jednoduchý obrazec v době běhu

V nabídce Projekt klepněte na příkaz Přidat odkaz.
V dialogovém okně Přidat odkaz vyberte Microsoft.VisualBasic.PowerPacks.VS a potom klikněte na tlačítko OK.

V Editoru kódu, přidejte příkaz Imports nebo using do horní části modulu:

Imports Microsoft.VisualBasic.PowerPacks

using Microsoft.VisualBasic.PowerPacks;

Přidejte následující kód do procedury Event:

Dim canvas As New ShapeContainer
' To draw an oval, substitute 
' OvalShape for RectangleShape.
Dim theShape As New RectangleShape
' Set the form as the parent of the ShapeContainer.
canvas.Parent = Me
' Set the ShapeContainer as the parent of the Shape.
theShape.Parent = canvas
' Set the size of the shape.
theShape.Size = New System.Drawing.Size(200, 300)
' Set the location of the shape.
theShape.Location = New System.Drawing.Point(100, 100)
' To draw a rounded rectangle, add the following code:
theShape.CornerRadius = 12

ShapeContainer canvas = new ShapeContainer();
// To draw an oval, substitute 
// OvalShape for RectangleShape.
RectangleShape theShape = new RectangleShape();
// Set the form as the parent of the ShapeContainer.
canvas.Parent = this;
// Set the ShapeContainer as the parent of the Shape.
theShape.Parent = canvas;
// Set the size of the shape.
theShape.Size = new System.Drawing.Size(200, 300);
// Set the location of the shape.
theShape.Location = new System.Drawing.Point(100, 100);
// To draw a rounded rectangle, add the following code:
theShape.CornerRadius = 12;

Přizpůsobení obrazců

Kdy použijete výchozí nastavení, ovládací prvky OvalShape a RectangleShape jsou zobrazeny s ohraničen plnou černou čarou, která je jeden pixel široká a mají nastavené průhledné pozadí. Můžete změnit šířku, styl a barvu ohraničení nastavení vlastností. Další vlastnosti, které umožňují změnit pozadí obrazce na plnou barvu, vzorek, výplň přechodem nebo obrázek.

Před změnou obrazce na pozadí byste měli vědět, několik interakci vlastností.

Nastavení vlastnosti BackColor nemá žádný vliv, pokud je vlastnost BackStyle nastavena na hodnotu Opaque.
Pokud je vlastnost FillStyle nastavena na Solid, vlastnost FillColor přepíše vlastnost BackColor
Pokud je vlastnost FillStyle nastavena na hodnotu "vzorku", jako například Horizontal nebo Vertical, vzorek se zobrazí v FillColor. Pozadí se zobrazí v BackColor za předpokladu, že vlastnost BackStyle je nastavena na Opaque.
Chcete-li zobrazit výplň přechodem, vlastnost FillStyle musí být nastavena na Solid a vlastnost FillGradientStyle musí být nastavena na hodnotu jinou než None.
Nastavením vlastnosti BackgroundImage na obrázek přepíše všechny jiné nastavení pozadí.

Chcete-li nakreslit kruh, který má vlastní ohraničení

Přetáhněte ovládací prvek OvalShape z PowerPacks jazyka Visual Basic na záložce Panel nástrojů do formuláře nebo na ovládací prvek kontejner.
V okně Vlastnosti, v vlastnosti Size, nastavte Height a Width na stejné hodnoty.
Nastavte vlastnost BorderColor na požadovanou barvu.
Nastavte BorderStyle vlastnost na libovolnou hodnota jiný než Solid.
Nastavte vlastnost BorderWidth ke změně velikost na požadovanou velikost v pixelech.

Chcete-li nakreslit kruh, který má plnou výplň

Přetáhněte ovládací prvek OvalShape z PowerPacks jazyka Visual Basic na záložce Panel nástrojů do formuláře nebo na ovládací prvek kontejner.
V okně Vlastnosti, v vlastnosti Size, nastavte Height a Width na stejné hodnoty.
Nastavte vlastnost BackColor na požadovanou barvu.
Nastavte vlastnost BackStyle na Opaque.

Chcete-li nakreslit kruh, který má výplň vzorkem

Přetáhněte ovládací prvek OvalShape z PowerPacks jazyka Visual Basic na záložce Panel nástrojů do formuláře nebo na ovládací prvek kontejner.
V okně Vlastnosti, ve vlastnosti Size, nastavte Height a Width na stejné hodnoty.
Nastavte BackColor vlastnost na barvu, kterou chcete použít pro pozadí.
Nastavte vlastnost BackStyle na Opaque.
Nastavte FillColor vlastnost na barvu, kterou chcete použít pro vzorek.
Nastavte vlastnost FillStyle na libovolnou hodnotu jinou než Transparent nebo Solid.

Chcete-li nakreslit kruh, který má výplň přechodem

Přetáhněte ovládací prvek OvalShape z PowerPacks jazyka Visual Basic na záložce Panel nástrojů do formuláře nebo na ovládací prvek kontejner.
V okně Vlastnosti, ve vlastnosti Size, nastavte Height a Width na stejné hodnoty.
Nastavte vlastnost FillColor na barvu, kterou chcete použít pro počáteční barvu.
Nastavte vlastnost FillGradientColor na barvu, kterou chcete použít pro koncovou barvu.
Nastavte vlastnosti FillGradientStyle na libovolnou hodnotu jinou než None.

Chcete-li nakreslit kruh, který je vyplněn obrázkem

Přetáhněte ovládací prvek OvalShape z PowerPacks jazyka Visual Basic na záložce Panel nástrojů do formuláře nebo na ovládací prvek kontejner.
V okně Vlastnosti, ve vlastnosti Size, nastavte Height a Width na stejné hodnoty.
Vyberte vlastnost BackgroundImage a klikněte na Elipsy tlačítko (...).
V dialogovém okně Vybrat prostředek vyberte vlastní obrázek, který se má zobrazit. Pokud se nezobrazily žádné prostředky obsahující obrázky, klikněte na tlačítko Import k nalezení umístění obrázku.
Kliknutím na tlačítko OK obrázek vložíte.

Viz také

Sdílet prostřednictvím