![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(16, 26%, 11%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EMK%3C/text%3E%3C/svg%3E)
Windows Presentation Foundation
A part of the .NET Framework that provides a unified programming model for building line-of-business desktop applications on Windows.
2,671 questions
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(291.2, 11%, 38%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EHL%3C/text%3E%3C/svg%3E)
I changed the code as follows and populated the data. You could try to refer to it.
<Window.Resources>
<Style x:Key="{x:Type ComboBoxItem}" TargetType="{x:Type ComboBoxItem}">
...
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ComboBoxItem}">
<Grid>
...
<DataTemplate>
<TextBlock SnapsToDevicePixels="True" UseLayoutRounding="True" RenderOptions.BitmapScalingMode="HighQuality" RenderOptions.EdgeMode="Aliased">
<Run Text="{Binding Name}"/>
</TextBlock>
</DataTemplate>
...
</Grid>
<ControlTemplate.Triggers>
....
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
<Grid>
<ComboBox x:Name="cb" Width="200" Height="40">
</ComboBox>
</Grid>
Codebehind:
243166-2222.txt
Update:
<Application.Resources>
<local:FirstValueConverter x:Key="FirstValueConverter"/>
<local:RestValueConverter x:Key="RestValueConverter"/>
<Style x:Key="MyItemStyle" TargetType="{x:Type ComboBoxItem}">
...
<Setter Property="Template">
<Setter.Value>
...
<DataTemplate>
<TextBlock SnapsToDevicePixels="True" UseLayoutRounding="True" RenderOptions.BitmapScalingMode="HighQuality" RenderOptions.EdgeMode="Aliased">
<Run x:Name="first" FontSize="18" Text="{Binding Name,Converter={StaticResource FirstValueConverter }}" />
<Run x:Name="rest" FontSize="10" Text="{Binding Name, Converter={StaticResource RestValueConverter}}" />
</TextBlock>
</DataTemplate>
...
</Setter.Value>
</Setter>
</Style>
</Application.Resources>
<ComboBox x:Name="cb" Width="200" Height="40" ItemContainerStyle="{StaticResource MyItemStyle}">
</ComboBox>
Converter:
public class FirstValueConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
var p=value as string;
var first="";
if (!string.IsNullOrWhiteSpace(p))
{
first = p.Substring(0, 1);
}
return first;
}
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
}
public class RestValueConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
var p = value as string;
var rest = "";
if (!string.IsNullOrWhiteSpace(p))
{
rest = p.Substring(1, p.Length - 1);
}
return rest;
}
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
}
The result:
----------------------------------------------------------------------------
If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.