The element represents a ComboBox in XAML. A ComboBox is a collection of ComboBoxItems represented by element in XAML. Here in this article I am going to show that how we can create ComboBox and how we can add item in the ComboBox. By default, the ComboBox height and width is full screen. In a ComboBox we can use CheckBox item, Images etc.
The following window1.Xaml code is showing that how we can create the ComboBox and add item in that ComboBox.
<Window x:Class="XAMLComboBox.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="XAMLComboBox" Height="300" Width="300"
>
<!--Here in ComboBox we find a property IsEditable if we set it as True the we can write anything inside the ComboBox-->
<!--By Default the height and width of ComboBox is same as OPage Size So here we can set the height and width Property -->
<ComboBox IsEditable="False" Width="150" Height="150">
<!--From here I am adding the Item in ComboBox-->
<ComboBoxItem FontSize="15">India</ComboBoxItem>
<ComboBoxItem >USA</ComboBoxItem>
<ComboBoxItem FontSize="15">England</ComboBoxItem>
<ComboBoxItem FontSize="15">Switzerland</ComboBoxItem>
<ComboBoxItem FontSize="15"></ComboBoxItem>
</ComboBox>
</Window>
The window will become look like as:
Figure 1.
We can also add images in a ComboBox. We can do it by using a ComboBox property. This window1.Xaml code is showing that how we can add images in a ComBox.
<Window x:Class="XAMLComboBox.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="XAMLComboBox" Height="300" Width="300"
>
<!--To add Images in ComboBox-->
<!--Here in Image element we have to set height and Width property Otherwise Image will show in actual Size-->
<ComboBox IsEditable="False" Width="150" Height="150">
<Image Name="Image1" Source="1.jpg" Height="100" Width="100"/>
<Image Name="Image2" Source="2.jpg" Height="100" Width="100"/>
<Image Name="Image3" Source="3.jpg" Height="100" Width="100"/>
<Image Name="Image4" Source="4.jpg" Height="100" Width="100"/>
</ComboBox>
</Window>
The window will become look like as:
Figure 2.