Útmutató: Vezérlők elrendezése a kitöltéssel, a margókkal és az AutoSize tulajdonsággal

Az űrlap vezérlőinek pontos elhelyezése számos alkalmazás számára kiemelt fontosságú. A Visual Studio Windows Forms Designer számos elrendezési eszközt kínál ehhez. A legfontosabbak közül három a Margin, Paddingés AutoSize tulajdonságok, amelyek minden Windows Forms-vezérlőn megtalálhatók.

A Margin tulajdonság határozza meg azt a területet a vezérlő körül, amely más vezérlők számára meghatározott távolságot tart a vezérlő szegélyétől.

A Padding tulajdonság határozza meg a vezérlőelem belső terét, amely a vezérlő tartalmát (például a Text tulajdonság értékét) a vezérlőelem szegélyétől meghatározott távolságban tartja.

Az alábbi ábrán egy vezérlőelem Padding és Margin tulajdonságai láthatók.

Kitöltés és margó a Windows Forms-vezérlőknél

A AutoSize tulajdonság azt jelzi, hogy a vezérlő automatikusan méretezheti magát a tartalmára. Nem méretezi át magát úgy, hogy kisebb legyen, mint az eredeti Size tulajdonság értéke, és a Padding tulajdonság értékét fogja figyelembe venni.

Előfeltételek

Az útmutató elvégzéséhez a Visual Studióra lesz szüksége.

A projekt létrehozása

  1. A Visual Studióban hozzon létre egy Windows-alkalmazás projektet LayoutExamplenéven.

  2. Válassza ki a(z) űrlapot a Windows Forms Designerfelületen.

Vezérlőelemek margóinak beállítása

A vezérlők közötti alapértelmezett távolságot a Margin tulajdonság használatával állíthatja be. Ha egy vezérlőt elég közel helyez át egy másik vezérlőelemhez, megjelenik egy illesztővonal, amely a két vezérlő margóit jeleníti meg. Az áthelyezett vezérlő a margók által meghatározott távolsághoz is igazodik.

Vezérlők elrendezése az űrlapon a Margó tulajdonság használatával

  1. Húzzon két Button vezérlőt az eszközkészletből az űrlapra.

  2. Jelölje ki az egyik Button vezérlőt, és helyezze a másikhoz közel, amíg szinte megérinti őket.

    Figyelje meg a közöttük megjelenő illesztővonalat. Ez a távolság a két vezérlő Margin értékeinek összege. Az áthelyezett vezérlő ehhez a távolsághoz illeszkedik. További részletekért lásd útmutatót: Vezérlők rendezése Windows-űrlapokon illesztővonalakkal.

  3. Az egyik vezérlő tulajdonságának módosításához bontsa ki a Tulajdonságok ablakban lévő bejegyzést, és állítsa a tulajdonságot 20értékre.

  4. Válassza ki az egyik Button vezérlőt, és helyezze a másikhoz közel.

    A margóértékek összegét meghatározó illesztővonal hosszabb, ami miatt a vezérlőelem távolabb igazodik a másik vezérlőelemhez képest.

  5. A kijelölt vezérlőelem tulajdonságának módosításához bontsa ki a Tulajdonságok ablakban lévő bejegyzést, és állítsa a tulajdonságot 5értékre.

  6. Helyezze a kijelölt vezérlőt a másik vezérlő alá, és figyelje meg, hogy a illesztővonal rövidebb. Helyezze a kijelölt vezérlőt a másik vezérlő bal oldalára, és figyelje meg, hogy a illesztővonal megtartja a 4. lépésben megfigyelt értéket.

  7. A Margin tulajdonság, Left, Top, Right, Bottomminden aspektusát különböző értékekre állíthatja, vagy beállíthatja mindet ugyanarra az értékre a All tulajdonsággal.

A vezérlők paddingjának beállítása

Az alkalmazáshoz szükséges pontos elrendezés eléréséhez a vezérlők gyakran gyermekvezérlőket tartalmaznak. Ha meg szeretné adni a gyermekvezérlő szegélyének a szülővezérlő szegélyéhez való közelségét, használja a szülővezérlő Padding tulajdonságát a gyermekvezérlő Margin tulajdonságával együtt. A Padding tulajdonság a vezérlőelem tartalmának (például egy Button vezérlőelem Text tulajdonságának) a szegélyéhez való közelségét is szabályozza.

Vezérlőelemek elrendezése az űrlapon margókkal

  1. Húzzon egy Button vezérlőt az eszközkészletből az űrlapra.

  2. Módosítsa a vezérlőelem tulajdonságának értékét igazértékre.

  3. A tulajdonság módosításához bontsa ki a Tulajdonságok ablakban található bejegyzést, és állítsa a tulajdonságot 5értékre.

    A vezérlő kibővül, hogy helyet biztosítson az új párnázásnak.

  4. Húzzon egy GroupBox vezérlőt az eszközkészletből az űrlapra. Húzzon egy Button vezérlőt az eszközkészlet-ből a GroupBox vezérlőbe. Helyezze a Button vezérlőt úgy, hogy az a GroupBox vezérlőelem jobb alsó sarkával legyen öblítve.

    Figyelje meg az illesztővonalakat, amelyek akkor jelennek meg, amikor a Button vezérlő az GroupBox vezérlőelem alsó és jobb széléhez közeledik. Ezek az illesztővonalak a MarginButton tulajdonságának felelnek meg.

  5. A vezérlőelem tulajdonságának módosításához bontsa ki a Tulajdonságok ablak bejegyzését, és állítsa a tulajdonságot 20értékre.

  6. Válassza ki a Button vezérlőt a GroupBox vezérlőelemen belül, és helyezze a GroupBoxközéppontjába.

    Illesztővonalak nagyobb távolságra jelennek meg a GroupBox vezérlőelem szegélyétől. Ez a távolság a Button vezérlőelem Margin tulajdonságának és a GroupBox vezérlőelem Padding tulajdonságának összege.

Automatikusan szabályozza a méretet

Egyes alkalmazásokban a vezérlő mérete nem lesz azonos futásidőben, mint a tervezéskor. Egy Button vezérlőelem szövege például egy adatbázisból származhat, és hossza nem ismert előre.

Ha a AutoSize tulajdonság trueértékre van állítva, a vezérlő a tartalmához méretezi magát. További információért lásd: AutoSize tulajdonság áttekintése.

Vezérlők elrendezése az űrlapon az AutoSize tulajdonság használatával

  1. Húzzon egy Button vezérlőt az eszközkészletből az űrlapra.

  2. Módosítsa a vezérlőelem tulajdonságának értékét igazértékre.

  3. Módosítsa a Button vezérlőelem Text tulajdonságát a következőképpen: . Ez a gomb hosszú sztringet tartalmaz a Szöveg tulajdonsághoz.

    A módosítás véglegesítésekor a Button vezérlő átméretezi magát az új szövegnek megfelelően.

  4. Húzzon egy másik Button vezérlőelemet az eszközkészletből az űrlapra.

  5. Módosítsa a Button vezérlőelem Text tulajdonságát "Ez a gomb hosszú sztringet tartalmaz a Text tulajdonságához."

    A módosítás véglegesítésekor a Button vezérlő nem méretezi át magát, és a szöveget a vezérlő jobb széle vágja ki.

  6. A tulajdonság módosításához bontsa ki a Tulajdonságok ablakban található bejegyzést, és állítsa a tulajdonságot 5értékre.

    A vezérlő belső részén lévő szöveg mind a négy oldalon le van vágva.

  7. Módosítsa a Button vezérlőelem AutoSize tulajdonságát igaz.

    A Button vezérlő átméretezi magát, hogy a teljes karakterláncot befogadja. Emellett a szöveg körül párnázás lett hozzáadva, így a Button vezérlőelem mind a négy irányban kibővül.

  8. Húzzon egy Button vezérlőt az eszközkészletből az űrlapra. Helyezze az űrlap jobb alsó sarkához.

  9. Módosítsa a vezérlőelem tulajdonságának értékét igazértékre.

  10. Állítsa be a Button vezérlőelem Anchor tulajdonságát Right-ra/Bottom-ra.

  11. Módosítsa a Button vezérlőelem Text tulajdonságát "Ez a gomb hosszú sztringet tartalmaz a Text tulajdonságához."

A módosítás véglegesítésekor a Button vezérlő átméretezi magát a bal oldalon. Általánosságban elmondható, hogy az automatikus méretezés növeli a vezérlőelem méretét a Anchor tulajdonságbeállítással ellentétes irányban.

AutoSize és AutoSizeMode tulajdonságok

Egyes vezérlők támogatják a AutoSizeMode tulajdonságot, így részletesebben szabályozhatja a vezérlők automatikus méretezési viselkedését.

Az AutoSizeMode tulajdonság használata

  1. Húzzon egy Panel vezérlőt az eszközkészletből az űrlapra.

  2. Állítsa a vezérlőelem tulajdonságának értékét igazértékre.

  3. Húzzon egy Button vezérlőt az eszközkészlet-ből a Panel vezérlőbe.

  4. Helyezze a Button vezérlőt a Panel vezérlőelem jobb alsó sarkához.

  5. Válassza ki a Panel vezérlőt, és fogja meg a jobb alsó sarokban lévő méretező fogópontot. Méretezze át a Panel vezérlőelemet, hogy nagyobb és kisebb legyen.

    Megjegyzés:

    A Panel vezérlőelemet szabadon átméretezheti, de nem méretezheti kisebbre, mint a Button vezérlőelem jobb alsó sarkában lévő pozíció. Ezt a viselkedést a AutoSizeMode tulajdonság alapértelmezett értéke határozza meg, amely GrowOnly.

  6. Állítsa a Panel vezérlőelem AutoSizeMode tulajdonságának értékét GrowAndShrinkértékre.

    A Panel vezérlő úgy állítja be a méretét, hogy körülvegye a Button vezérlőt. A Panel vezérlőelem nem méretezhető át.

  7. Húzza a Button vezérlőelemet a Panel vezérlőelem bal felső sarkába.

    A Panel vezérlő átméretezi a Button vezérlő új pozícióját.

Következő lépések

A Windows Forms-alkalmazások vezérlőinek rendezéséhez számos más elrendezési funkció is rendelkezésre áll. Az alábbiakban néhány kombinációt kipróbálhat:

Lásd még

  • Last updated on