一些建议 - Githubissues

Lightczx commented 3 years ago

代码层面：像下面这种XAML，在DataTemplate里面

<TextBlock FontSize="12" Foreground="{Binding Brush}" Text="{Binding Name}" />
<TextBlock FontSize="12" Foreground="{Binding Brush}" Text="[" />
<TextBlock FontSize="12" Foreground="{Binding Brush}" Text="{Binding Num}" />
<TextBlock FontSize="12" Foreground="{Binding Brush}" Text="]" />

可以简化为

<TextBlock FontSize="12" Foreground="{Binding Brush}">
    <TextBlock.Text>
        <MulitBinding StringFormat="{}{0}[{1}]" FallBackValue="">
            <Binding Path="Name"/>
            <Binding Path="Num"/>
        </MulitBinding>
    </TextBlock.Text>
</TextBlock>

FallbackValue置空,这样在没有数据时不会显示"[]",控件的数量也从4个减少到了1个

这里用来显示角色图片的ImageBrush

<Border.Background>
    <ImageBrush ImageSource="{Binding Thumb, Converter={StaticResource ImageConverter}}" />
</Border.Background>

最好加上

<Border.Background>
    <ImageBrush 
        ImageSource="{Binding Thumb, Converter={StaticResource ImageConverter}}" 
        RenderOptions.BitmapScalingMode="HighQuality"/>
</Border.Background>

尽管渲染速度会变慢，但是图片精细度会高很多，锯齿也能减少

Scighost commented 3 years ago

学习了（真有人看我的代码，好高兴

Lightczx commented 3 years ago

感觉很多地方都能优化的其实

Lightczx commented 3 years ago

希望下个版本能实装图片的锯齿消除，这个看的我头疼

Scighost commented 3 years ago

能截个图我看看吗？我的显示器上 RenderOptions.BitmapScalingMode 属性每个值都尝试过了，几乎看不到有什么区别。

Lightczx commented 3 years ago

查了一下 RenderOptions.BitmapScalingMode 需要附加到附加使用Brush的控件上，也就是你的Border

Lightczx commented 3 years ago

Before: After:

在我的显示器上效果非常显著

Lightczx commented 3 years ago

<Border 
    x:Name="ImageBorder" 
    Width="100" 
    Height="100" 
    VerticalAlignment="Top" 
    BorderThickness="0" 
    CornerRadius="0 0 20 0" 
    RenderOptions.BitmapScalingMode="HighQuality">
    <Border.Background>
        <ImageBrush ImageSource="{Binding Thumb, Converter={StaticResource ImageConverter}}" />
    </Border.Background>
</Border>

Scighost commented 3 years ago

加上RenderOptions.BitmapScalingMode="HighQuality"属性后图片确实变得柔和一些，锯齿明显减少了前后对比