TheDeveloperBlog.com

Home | Contact Us

C-Sharp | Java | Python | Swift | GO | WPF | Ruby | Scala | F# | JavaScript | SQL | PHP | Angular | HTML

<< Back to WPF

WPF WrapPanel Example

WrapPanel. Interfaces have varying requirements. Often controls must be positioned in exactly one location. But sometimes controls should wrap, like text, and always be visible. The WrapPanel offers this ability.
Example. This example shows the WrapPanel element. Please create a WPF project and drag a WrapPanel to the Window area. I removed the "Width" attribute and added the "HorizontalAligntment" attribute. I set it to "Stretch".

Next: I dragged four Button elements to the WrapPanel. These become sub-controls. I adjusted the Content, Margin and added some Padding.

Finally: I ran the program. When I resized the window, the WrapPanel "wraps" the Button elements as though they are text.

Tip: This makes the Buttons visible on narrow windows. It makes the user interface more versatile.

Example markup: XAML <Window x:Class="WpfApplication19.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <Grid> <WrapPanel HorizontalAlignment="Stretch" Height="299" Margin="10" VerticalAlignment="Top"> <Button Content="Button 1" Width="75" Margin="10" Padding="10"/> <Button Content="Button 2" Width="75" Margin="10" Padding="10"/> <Button Content="Button 3" Width="75" Margin="10" Padding="10"/> <Button Content="Button 4" Width="75" Margin="10" Padding="10"/> </WrapPanel> </Grid> </Window>
StackPanel. For another control that can arrange sub-controls, consider a StackPanel. In WPF it is important to have a way to automatically arrange controls. Doing it another way is difficult.StackPanel
Summary. Many WPF programs use layouts that do not benefit from a WrapPanel. But for a fast, and easy-to-maintain interface, WrapPanel may be helpful. Controls are hidden less often on narrow windows or parts of windows.
© TheDeveloperBlog.com
The Dev Codes

Related Links:


Related Links

Adjectives Ado Ai Android Angular Antonyms Apache Articles Asp Autocad Automata Aws Azure Basic Binary Bitcoin Blockchain C Cassandra Change Coa Computer Control Cpp Create Creating C-Sharp Cyber Daa Data Dbms Deletion Devops Difference Discrete Es6 Ethical Examples Features Firebase Flutter Fs Git Go Hbase History Hive Hiveql How Html Idioms Insertion Installing Ios Java Joomla Js Kafka Kali Laravel Logical Machine Matlab Matrix Mongodb Mysql One Opencv Oracle Ordering Os Pandas Php Pig Pl Postgresql Powershell Prepositions Program Python React Ruby Scala Selecting Selenium Sentence Seo Sharepoint Software Spellings Spotting Spring Sql Sqlite Sqoop Svn Swift Synonyms Talend Testng Types Uml Unity Vbnet Verbal Webdriver What Wpf