Posts

Showing posts from June, 2021

Understanding WPF Layout Panels: Easy Examples of Grid, StackPanel, WrapPanel, DockPanel, Canvas & UniformGrid

If you are just starting out with WPF , layouts are something you must understand very clearly, because they control how every control such as button, textbox, etc. appears on the screen. ⭐ What Are Layout Panels? Think of layout panels like containers or boxes that help you arrange your UI elements . Just like when you pack a suitcase, you organize things in different sections — WPF uses layout panels to organize controls properly. They decide: where controls appear, how they resize, how they adapt when the window grows or shrinks. 📌 Let’s Learn Panels One by One (with real examples) 🟦 1. StackPanel — arrange controls in a line StackPanel arranges items one after another, either top to bottom or left to right. Let me show you a simple example. ✔ Example: Vertical StackPanel <StackPanel Orientation="Vertical">     <Button Content="Save" Width="100"/>     <Button Content="Edit" Width="100"/>     <Button Conte...

How to count the no. of times the given character in second TextBox appears in First Textbox and add the index and matched character to ListBox

Image
MainWindow  <Window x:Class="WPFWorldTutorial.Views.MainWindow"         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         xmlns:prism="http://prismlibrary.com/"         prism:ViewModelLocator.AutoWireViewModel="True">     <Grid>         <StackPanel Orientation="Vertical">             <TextBox Text="{Binding Text}" Height="25" Margin="5"/>             <TextBox Text="{Binding CharToMatch}" Height="25" Margin="5"/>             <Button Content="Match" Command="{Binding MatchCharCommand}" Width="100" Margin="5"/>             <ListBox ItemsSource="{Binding MatchedInfo}">                 <ListB...