在 WPF 中，`Image` 是一个控件，用于显示位图图像（如 PNG、JPG、BMP 等格式），支持从文件、资源或数据流加载图像

最新推荐文章于 2026-07-20 21:59:48 发布
原创 最新推荐文章于 2026-07-20 21:59:48 发布 · 1.1k 阅读 · 12 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
GEO检测

在 WPF 中，Image 是一个控件，用于显示位图图像（如 PNG、JPG、BMP 等格式），支持从文件、资源或数据流加载图像。它常用于显示图标、状态指示图、设备图片或测试结果的可视化内容。在 ProjectEditView.xaml 上下文中，Image 可用于显示通道状态图标、测试设备图片或参数配置的图形化表示（例如，曲线图预览）。以下是对 Image 控件的所有主要属性的详细中文解析，涵盖其功能、用途、适用场景以及在 ProjectEditView.xaml 中的潜在应用。每个属性将附带代码示例，并结合工程参数配置场景说明其作用。

一、Image 控件概述

功能：

  • Image 用于显示静态或动态加载的位图图像。
  • 支持多种图像源（如文件、资源、URI 或流），并提供缩放、拉伸和对齐选项。
  • 适合装饰性图标、状态指示或数据可视化。

在 ProjectEditView.xaml 上下文中的潜在用途：

  • 状态指示：显示通道或测试条件的图标（例如，绿色勾表示启用，红色叉表示禁用）。
  • 设备图片：在通道配置中显示选定设备的图片。
  • 测试结果预览：显示测试数据的图形化表示（如曲线图）。
  • 界面装饰：添加图标或背景图像，增强视觉效果。

适用场景：

  • 状态可视化：用图标表示测试条件（如 TimeStopper）或通道状态。
  • 设备信息：显示设备相关的图片或示意图。
  • 数据可视化：展示测试结果的预览图像。
  • 界面美化：添加装饰性图像。

二、Image 属性详解

以下是 Image 控件的主要属性，按照功能分类进行详细解析，包含功能、用法、适用场景和代码示例。

1. 图像源相关属性
(1) Source
  • 功能：
    • 指定图像的来源，类型为 ImageSource（通常是 BitmapImage）。
    • 支持 URI（文件路径、资源路径或网络 URL）、嵌入资源或数据流。
  • 用法：
    • 绑定到 ViewModel 属性，或直接设置图像路径。
  • 适用场景：
    • 在 ProjectEditView.xaml 中，显示通道状态图标或设备图片。
  • 代码示例：
    <Image Source="{Binding ChannelStatusIcon}" Width="20" Height="20"/>

    public class ProjectEditViewModel : BindableBase
{
    private ImageSource _channelStatusIcon;
    public ImageSource ChannelStatusIcon
    {
        get => _channelStatusIcon;
        set => SetProperty(ref _channelStatusIcon, value);
    }

    public ProjectEditViewModel()
    {
        ChannelStatusIcon = new BitmapImage(new Uri("pack://application:,,,/Images/active.png"));
    }
}
  • 作用：
    • 指定要显示的图像。
(2) Stretch
  • 功能：
    • 控制图像如何适应控件尺寸，可能的值：
      • None：保持原始尺寸。
      • Fill：填充控件，可能变形。
      • Uniform：按比例缩放，保持宽高比（默认）。
      • UniformToFill：填充控件并裁剪。
  • 用法：
    • 根据显示需求选择合适的拉伸模式。
  • 适用场景：
    • 确保状态图标在不同尺寸的容器中保持比例。
  • 代码示例：
    <Image Source="Images/icon.png" Stretch="Uniform" Width="20" Height="20"/>
  • 作用：
    • 控制图像缩放行为。
(3) StretchDirection
  • 功能：
    • 控制拉伸方向，可能的值：
      • UpOnly：仅放大。
      • DownOnly：仅缩小。
      • Both：放大或缩小（默认）。
  • 用法：
    • 限制图像的缩放行为。
  • 适用场景：
    • 防止设备图片被过度放大失真。
  • 代码示例：
    <Image Source="Images/device.png" Stretch="Uniform" StretchDirection="DownOnly"/>
  • 作用：
    • 优化图像缩放效果。
2. 外观相关属性
(4) Width 和 Height
  • 功能：
    • 设置图像的宽度和高度（以像素为单位）。
  • 用法：
    • 直接设置固定值或绑定到 ViewModel 属性。
  • 适用场景：
    • 控制状态图标或设备图片的显示大小。
  • 代码示例：
    <Image Source="{Binding DeviceImage}" Width="100" Height="100"/>

    private ImageSource _deviceImage;
public ImageSource DeviceImage
{
    get => _deviceImage;
    set => SetProperty(ref _deviceImage, value);
}
  • 作用：
    • 定义图像尺寸。
(5) Opacity
  • 功能：
    • 设置图像的透明度（0.0 到 1.0）。
  • 用法：
    • 绑定到 ViewModel 属性，动态调整透明度。
  • 适用场景：
    • 根据通道状态调整图标透明度（例如，禁用时降低透明度）。
  • 代码示例：
    <Image Source="Images/icon.png" Opacity="{Binding ChannelOpacity}"/>

    private double _channelOpacity = 1.0;
public double ChannelOpacity
{
    get => _channelOpacity;
    set => SetProperty(ref _channelOpacity, value);
}
  • 作用：
    • 控制图像可见性。
(6) RenderTransform
  • 功能：
    • 应用变换效果（如旋转、缩放、平移）。
  • 用法：
    • 使用 RotateTransform、ScaleTransform 等调整图像外观。
  • 适用场景：
    • 动态旋转状态图标以吸引用户注意。
  • 代码示例：
    <Image Source="Images/icon.png">
    <Image.RenderTransform>
        <RotateTransform Angle="{Binding IconAngle}"/>
    </Image.RenderTransform>
</Image>

    private double _iconAngle;
public double IconAngle
{
    get => _iconAngle;
    set => SetProperty(ref _iconAngle, value);
}
  • 作用：
    • 动态调整图像效果。
3. 交互相关属性
(7) IsEnabled
  • 功能：
    • 控制 Image 是否可交互（默认 True）。
  • 用法：
    • 绑定到 ViewModel 属性，禁用交互。
  • 适用场景：
    • 根据测试状态禁用状态图标的交互。
  • 代码示例：
    <Image Source="Images/icon.png" IsEnabled="{Binding IsIconEnabled}"/>

    private bool _isIconEnabled = true;
public bool IsIconEnabled
{
    get => _isIconEnabled;
    set => SetProperty(ref _isIconEnabled, value);
}
  • 作用：
    • 控制交互状态。
(8) ToolTip
  • 功能：
    • 显示悬停时的提示信息。
  • 用法：
    • 提供图像的上下文说明。
  • 适用场景：
    • 解释通道状态图标的含义。
  • 代码示例：
    <Image Source="Images/icon.png" 
       ToolTip="{Binding ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper, Converter={StaticResource BooleanToToolTipConverter}}"/>

    public class BooleanToToolTipConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return (value is bool && (bool)value) ? "测试条件启用" : "测试条件禁用";
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}
  • 作用：
    • 增强用户体验。
(9) MouseDown 和其他事件
  • 功能：
    • 处理鼠标交互事件，如点击。
  • 用法：
    • 使用 Interaction.Triggers 绑定到命令。
  • 适用场景：
    • 点击状态图标切换测试条件。
  • 代码示例：
    <Image Source="Images/icon.png">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="MouseDown">
            <i:InvokeCommandAction Command="{Binding ToggleConditionCommand}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
</Image>

    public DelegateCommand ToggleConditionCommand { get; }
private void ToggleCondition()
{
    ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper = !ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper;
}
  • 作用：
    • 实现交互功能。
4. 其他属性
(10) Visibility
  • 功能：
    • 控制 Image 的可见性（Visible、Hidden、Collapsed）。
  • 用法：
    • 绑定到 ViewModel 属性，动态显示或隐藏。
  • 适用场景：
    • 根据测试状态显示或隐藏状态图标。
  • 代码示例：
    <Image Source="Images/icon.png" 
       Visibility="{Binding ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper, Converter={StaticResource BooleanToVisibilityConverter}}"/>
  • 作用：
    • 动态控制图像显示。
(11) Style
  • 功能：
    • 应用自定义样式，控制 Image 的外观。
  • 用法：
    • 定义统一的尺寸、透明度或变换效果。
  • 适用场景：
    • 统一状态图标的样式。
  • 代码示例：
    <Style x:Key="IconStyle" TargetType="Image">
    <Setter Property="Width" Value="20"/>
    <Setter Property="Height" Value="20"/>
    <Setter Property="Stretch" Value="Uniform"/>
    <Style.Triggers>
        <DataTrigger Binding="{Binding IsActive}" Value="False">
            <Setter Property="Opacity" Value="0.5"/>
        </DataTrigger>
    </Style.Triggers>
</Style>
<Image Style="{StaticResource IconStyle}" Source="Images/icon.png"/>
  • 作用：
    • 提供一致的视觉效果。

三、在 ProjectEditView.xaml 中的应用

在 ProjectEditView.xaml 中，Image 可用于以下场景：

1. 状态指示图标
  • 场景：
    • 在测试条件区域（如 TimeStopper），使用图标显示启用/禁用状态。
  • 示例：
    <StackPanel Orientation="Horizontal">
    <Image Source="{Binding ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper, Converter={StaticResource BooleanToImageConverter}}"
           Width="20" Height="20"
           ToolTip="{Binding ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper, Converter={StaticResource BooleanToToolTipConverter}}"/>
    <CheckBox Content="TimeStopper" 
              IsChecked="{Binding ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper}"/>
</StackPanel>

    public class BooleanToImageConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return (value is bool && (bool)value) 
            ? new BitmapImage(new Uri("pack://application:,,,/Images/active.png"))
            : new BitmapImage(new Uri("pack://application:,,,/Images/inactive.png"));
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}
  • 作用：
    • 直观显示条件状态。
2. 设备图片
  • 场景：
    • 在通道配置中显示选定设备的图片。
  • 示例：
    <StackPanel>
    <ComboBox ItemsSource="{Binding ProjectModel.ChannelList}" 
              SelectedItem="{Binding SelectedChannel}"/>
    <Image Source="{Binding SelectedChannel.DeviceImage}" Width="100" Height="100"/>
</StackPanel>

    public class ChannelModel : BindableBase
{
    public string ChannelID { get; set; }
    private ImageSource _deviceImage;
    public ImageSource DeviceImage
    {
        get => _deviceImage;
        set => SetProperty(ref _deviceImage, value);
    }
}
  • 作用：
    • 提供设备视觉参考。
3. 测试结果预览
  • 场景：
    • 显示测试数据的图形化表示（如曲线图）。
  • 示例：
    <GroupBox Header="测试结果预览">
    <Image Source="{Binding TestResultImage}" Stretch="Uniform"/>
</GroupBox>

    private ImageSource _testResultImage;
public ImageSource TestResultImage
{
    get => _testResultImage;
    set => SetProperty(ref _testResultImage, value);
}
  • 作用：
    • 提供测试数据的视觉化展示。

四、适用场景

  1. 状态指示：
    • 显示测试条件或通道状态的图标。
  2. 设备信息：
    • 展示设备相关的图片或示意图。
  3. 数据可视化：
    • 显示测试结果的预览图像。
  4. 界面装饰：
    • 添加图标或背景图像。

五、完整代码示例

以下是一个完整的 Image 示例，模拟 ProjectEditView.xaml 中为 TimeStopper 显示状态图标的场景：

XAML
<UserControl x:Class="PowerCycling.Views.ProjectEditView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
             xmlns:converter="clr-namespace:PowerCycling.Converters">
    <UserControl.Resources>
        <converter:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
        <converter:BooleanToImageConverter x:Key="BooleanToImageConverter"/>
        <converter:BooleanToToolTipConverter x:Key="BooleanToToolTipConverter"/>
        <Style x:Key="IconStyle" TargetType="Image">
            <Setter Property="Width" Value="20"/>
            <Setter Property="Height" Value="20"/>
            <Setter Property="Stretch" Value="Uniform"/>
            <Setter Property="Margin" Value="5"/>
        </Style>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <!-- 测试条件 -->
        <StackPanel Grid.Row="0" Orientation="Horizontal">
            <Image Style="{StaticResource IconStyle}"
                   Source="{Binding ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper, Converter={StaticResource BooleanToImageConverter}}"
                   ToolTip="{Binding ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper, Converter={StaticResource BooleanToToolTipConverter}}">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="MouseDown">
                        <i:InvokeCommandAction Command="{Binding ToggleConditionCommand}"/>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Image>
            <CheckBox Content="TimeStopper" 
                      IsChecked="{Binding ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper}"/>
            <DatePicker SelectedDate="{Binding ProjectModel.ParamSetupModel.StopConditionModel.StopDate}"
                        Visibility="{Binding ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper, Converter={StaticResource BooleanToVisibilityConverter}}"/>
        </StackPanel>
        <!-- 参数列表 -->
        <DataGrid Grid.Row="1" ItemsSource="{Binding ProjectModel.ParamList}" AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Id" Binding="{Binding ParamNum}"/>
                <DataGridTextColumn Header="名称" Binding="{Binding ParamName}"/>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</UserControl>
ViewModel
using Prism.Commands;
using Prism.Mvvm;
using System;
using System.Collections.ObjectModel;

namespace PowerCycling
{
    public class ProjectEditViewModel : BindableBase
    {
        public ProjectModel ProjectModel { get; set; } = new ProjectModel
        {
            ParamSetupModel = new ParamSetupModel
            {
                StopConditionModel = new StopConditionModel
                {
                    TimeStopper = false,
                    StopDate = null
                }
            },
            ParamList = new ObservableCollection<ParamModel>
            {
                new ParamModel { ParamNum = 1, ParamName = "Voltage" },
                new ParamModel { ParamNum = 2, ParamName = "Current" }
            }
        };

        public DelegateCommand ToggleConditionCommand { get; }

        public ProjectEditViewModel()
        {
            ToggleConditionCommand = new DelegateCommand(ToggleCondition);
        }

        private void ToggleCondition()
        {
            ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper = !ProjectModel.ParamSetupModel.StopConditionModel.TimeStopper;
        }
    }

    public class ProjectModel
    {
        public ParamSetupModel ParamSetupModel { get; set; } = new ParamSetupModel();
        public ObservableCollection<ParamModel> ParamList { get; set; }
    }

    public class ParamSetupModel : BindableBase
    {
        public StopConditionModel StopConditionModel { get; set; } = new StopConditionModel();
    }

    public class StopConditionModel : BindableBase
    {
        private bool _timeStopper;
        public bool TimeStopper
        {
            get => _timeStopper;
            set => SetProperty(ref _timeStopper, value);
        }

        private DateTime? _stopDate;
        public DateTime? StopDate
        {
            get => _stopDate;
            set => SetProperty(ref _stopDate, value);
        }
    }

    public class ParamModel
    {
        public int ParamNum { get; set; }
        public string ParamName { get; set; }
    }
}
Converters
using System;
using System.Windows;
using System.Windows.Data;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace PowerCycling.Converters
{
    public class BooleanToImageConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return (value is bool && (bool)value)
                ? new BitmapImage(new Uri("pack://application:,,,/Images/active.png"))
                : new BitmapImage(new Uri("pack://application:,,,/Images/inactive.png"));
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

    public class BooleanToToolTipConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return (value is bool && (bool)value) ? "测试条件启用" : "测试条件禁用";
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

    public class BooleanToVisibilityConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return (value is bool && (bool)value) ? Visibility.Visible : Visibility.Collapsed;
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return value is Visibility visibility && visibility == Visibility.Visible;
        }
    }
}

六、优化建议

  1. 性能优化：

    • 使用低分辨率图像以减少内存占用：
      <Image Source="Images/lowres_icon.png"/>

  2. 动态加载：

    • 延迟加载图像：
      public async Task LoadImageAsync()
{
    await Task.Run(() => ChannelStatusIcon = new BitmapImage(new Uri("pack://application:,,,/Images/active.png")));
}

  3. 动画效果：

    • 添加图像切换动画：
      <Image>
    <Image.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetProperty="Opacity"
                                     From="0" To="1" Duration="0:0:0.5"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Image.Triggers>
</Image>

  4. 可访问性：

    • 确保键盘交互支持：
      <Image Focusable="True" IsTabStop="True"/>

七、总结

Image 是 WPF 中用于显示位图图像的控件，适合在 ProjectEditView.xaml 中作为状态指示、设备图片或测试结果预览。其核心属性（如 Source、Stretch、Opacity）支持动态绑定和灵活显示，结合 MVVM 模式实现交互逻辑。上述示例展示了如何在参数配置场景中使用 Image，并提供了优化建议。如果需要进一步的实现细节、测试代码或特定场景的定制（如图像生成或动态加载），请提供更多信息！

标签
#wpf #信息可视化
API鉴权八种方案详解
REDcker的博客
07-16 657
API鉴权方案摘要（150字） API鉴权方案按场景需求演进组合，主要包括：Basic Auth用于简单内网认证；Session适合单体Web应用；API Key标识第三方应用身份；JWT实现无状态分布式认证；OAuth 2.0解决第三方授权；OIDC在OAuth基础上提供身份层；SSO实现企业多系统单点登录；SAML用于企业联邦认证；mTLS保障服务间零信任通信；API网关统一鉴权入口。现代系统通常组合使用多种方案，如OIDC登录+JWT令牌+API网关鉴权，在认证强度、用户体验和系统复杂度间取得平衡。
从零实现一个分布式限流器：令牌桶与漏桶
2502_94055806的博客
07-16 255
printf(" %2d: ✅ 允许 (剩余令牌: %d)\n", i+1, bucket->tokens);printf(" %2d: ✅ 允许 (当前水位: %d)\n", i+1, bucket.water);printf("速率: %d/s, 容量: %d\n", bucket->rate, bucket->capacity);printf("速率: %d/s, 容量: %d\n", bucket.rate, bucket.capacity);// 限流key（IP/用户/接口）
【AI】VS2026 .NET8 WPF 打包安装程序完整方案（两种主流方式）
维京猎人的专栏（FC,NES,单片机,51,C#,Delphi）
07-18 215
本文介绍了VS2026 .NET8 WPF程序打包安装的两种主流方案： 官方Installer Projects方案（生成MSI/Setup.exe） 需安装VS扩展 配置项目输出和依赖项 自动打包第三方DLL 支持创建快捷方式和标准安装流程 适合企业级部署，支持版本升级 Inno Setup轻量方案 先通过VS生成独立单文件exe 再用Inno Setup自定义打包 体积更小，界面可定制 适合需要灵活配置的场景 文章重点提示了第三方DLL打包的注意事项，包括文件位置、引用属性设置等常见问题，并比较了两种方
C++ 从零实现负载均衡式在线 OJ 判题系统｜分布式沙箱判题实战
w8848w的博客
07-18 389
题库页面渲染：动态展示全部题目列表、单题详情（题号、标题、难度、题目描述、代码模板）在线代码判题：支持用户提交 C++ 代码，自动编译、运行、结果校验安全沙箱隔离：进程级资源限制，杜绝死循环、内存溢出、恶意系统调用分布式负载均衡：多台编译服务集群部署，自动选择空闲节点分发判题任务故障自动容灾：编译节点故障自动下线，服务接收信号一键恢复所有节点全流程日志监控：分级日志记录系统运行状态，快速定位编译、运行、网络异常。
WPF模块化
xj8931_xj的专栏
07-19 188
第1种：PrismModule直接项目引用ModuleA,在ConfigureModuleCatalog中注册Module，代码如下。第3种：使用xml注册module(这种最鸡肋,除了xml中声明Module，还要项目引用module)第二步：声明这个目录下的模块自动引用（以后有模块加进来，只要往这个目录丢，会自动注册）注意：新建的XML，必须设置【复制到输出目录】为【不复制】，【生成操作】为资源。第2种：使用App.config注册module。第2步：代码中进行App加载。
从零实现一个分布式链路追踪：TraceId与Span
2502_94055806的博客
07-16 210
printf("[链路追踪] 创建，最大Trace: %d, 采样率: %d%%\n", max_traces, sampling_rate);分布式链路追踪通过为每个请求生成唯一的TraceId，记录经过的每个Span，让我们能清晰地看到请求的完整路径。你有没有想过：一个请求经过3个微服务，结果报错了，但不知道是哪个服务出的问题，也不知道调用链路是什么样的。printf("=== 分布式链路追踪测试 ===\n\n");printf("\n=== Trace详情 ===\n");// 模拟调用服务B。
【共创季稿事节】HarmonyOS 7.0 分布式数据管理新机制底层探索
从事移动开发八年，csdn博客专家，阿里云特邀专家，华为云云享专家，高级网络信息安全工程师，大数据工程师（高级），python技术开发（高级），HarmonyOS 应用开发者高级认证，现在某学校任教。
07-16 940
CRDT（Conflict-free Replicated Data Type，无冲突复制数据类型）是一类特殊的数据结构，保证在任何网络分区与并发修改下，所有副本最终收敛到一致状态，且无需人工干预。6.x 不支持 CRDT，开发者需要自己实现复杂的合并逻辑。CRDT 类型适用场景合并语义G-Counter（增长计数器）取各副本最大值PN-Counter（正负计数器）库存增减、余额变动分别合并正增长和负增长分量（最后写入获胜寄存器）用户昵称、配置项HLC 时间戳最大的写入获胜OR-Set。
【笔记】WPF中 Brush 的类型、继承关系、使用方式和注意事项
HeBianGu的博客
07-16 247
推荐把常用画刷放到资源里。</如果需要主题动态切换，可以使用：Brush├─ SolidColorBrush // 单色，最常用├─ LinearGradientBrush // 线性渐变├─ RadialGradientBrush // 径向渐变├─ ImageBrush // 图片填充├─ DrawingBrush // 矢量纹理└─ VisualBrush // UI 元素填充简单颜色用或可复用颜色放到资源中主题切换用图片填充用ImageBrush简单纹理用复杂 UI 填充才考虑。
Winform+WPF双框架实战：喷涂工艺SCADA上位机从0到1搭建（附采集监控源码+车间踩坑实录）
liuxiaowei3的博客
07-20 151
更重要的是，这种“异常视角”的学习方式迫使你对系统运行机制有更深刻的理解，因为只有理解了“正常”的原理，才能推导出“异常”的原因和解决策略。Winform/WPF工业SCADA的海量实操内容，最终的检验不在课程笔记有多厚，而在独立面对一个真实需求时，你能否迅速定位问题、调用已掌握的知识、组合出可行的技术方案。采用主题交替策略，例如在完成了界面布局的学习之后，不是直接进入更深层的功能，而是切换到通信协议模块学习一到两天，再切回界面功能，利用“心理距离”来抵御同主题连续学习带来的认知疲劳。
鸿蒙分布式能力与超级终端实战：设备发现·数据同步·任务流转
2501_93575716的博客
07-17 384
本文深入探讨了HarmonyOS NEXT的分布式能力架构与开发实践，聚焦超级终端技术实现。文章首先剖析了分布式软总线的四层架构（设备管理、协议适配、分布式调度、数据通道）及其协同机制，阐述了可信设备与协同设备的动态角色转换原则。随后通过ArkTS代码示例，详细演示了设备发现与信任组管理的实现方式，包括DeviceManager初始化、设备状态监听、信任代理启动等核心流程。该技术使多设备能智能协同，为开发者提供透明高效的分布式开发体验，是构建HarmonyOS生态互联能力的关键基础设施。
C#-WPF-资源文件夹
最新发布
weixin_42770272的博客
07-20 39
存放多媒体等文件的“物理文件夹”，在开发中，你经常需要存放图片、音频、视频、配置文件等。自建资源文件夹 resources（Visual Studio）以同样的方法新建img文件夹，把ico格式的图片放进去。
【共创季稿事节】HarmonyOS 7.0 分布式软总线架构演进与多端协同前瞻
从事移动开发八年，csdn博客专家，阿里云特邀专家，华为云云享专家，高级网络信息安全工程师，大数据工程师（高级），python技术开发（高级），HarmonyOS 应用开发者高级认证，现在某学校任教。
07-15 3135
如何让多个独立的设备，在用户眼中成为一个"超级设备"？HarmonyOS 6.x 已经给出了令人满意的初稿，而 7.0 正在从"能连"走向"智连"——更智能的协议调度、更精准的意图匹配、更安全的动态认证。对于高校学生开发者而言，理解软总线的架构演进逻辑，不仅有助于写出兼容性更好的代码，更是把握全场景开发范式的一把钥匙。作为校企讲师，后续我也会持续更新 7.0 的实测文章，欢迎关注交流。
【码动四季】Spring Boot 可观测性体系：Micrometer + OpenTelemetry + Grafana 全链路搭建
腾讯云创作之星、华为云云享专家，深耕电商全栈高并发系统实战，分享可商用商城项目源码。
07-18 358
分布式交易系统最怕的不是出问题，而是出了问题不知道问题在哪。去年我负责的交易中台在高峰期出现订单处理延迟飙升，3 个团队花了 4 小时才定位到是 Redis 连接池耗尽导致的级联超时。痛定思痛后，我基于 Spring Boot 3.4 + Micrometer + OpenTelemetry + Grafana 搭建了 Trace + 指标 + 日志三合一可观测性体系，排障效率从 4 小时压缩到 15 分钟。本文记录完整搭建过程、5 个生产级踩坑案例，以及 AtomCode 在规范埋点注解
【笔记】在WPF中ContentPresenter详细功能介绍以及跟ContentControl的区别
HeBianGu的博客
07-16 245
如果一个控件只需要一个内容区域，可以继承。模板中通常放一个</Border></Border></Border>"Template"</Border></Border>"12"</Border>"White"</Border>"Gray"</Border>"1"</Border></</Border></Border></Border></Border>"Template"</Border>"Button"</Border></Border>"8"</Border>"4"
【共创季稿事节】HarmonyOS 7.0 开发者工具链升级前瞻：DevEco Studio X 会带来什么？
从事移动开发八年，csdn博客专家，阿里云特邀专家，华为云云享专家，高级网络信息安全工程师，大数据工程师（高级），python技术开发（高级），HarmonyOS 应用开发者高级认证，现在某学校任教。
07-16 1086
开发工具链的进化史，本质上是一部"开发者时间节约史"。HarmonyOS 6.x 的 DevEco Studio 已经让鸿蒙开发达到了主流 IDE 的基线水平，而 7.0 的 DevEco Studio X 正在向"智能伙伴"的方向进化——它不再只是被动地执行编译和调试指令，而是主动理解开发者意图、预判问题、提出建议。
SciChart WPF v9.0 更新详解：矢量场图表、堆叠箱线图与 MVVM 轴同步来了
励志做最业余的专业博主，控件产品可以私我~
07-16 197
SciChart WPF v9.0 在图表类型上补齐了矢量场与堆叠箱线图，在 MVVM 使用体验上新增了轴范围同步与延迟缩放能力，并对轴 API 初始化性能做了约 30% 的提升。对于已有 WPF / .NET 图表需求、特别是需要方向量可视化、统计分布对比或多图联动仪表盘的项目，v9.0 值得关注。
「拍摄器」UI 特效 - 在 Winform/WPF/WinUI3/Avalonia/Web 的实现
LateFrames的博客
07-20 424
「闪白切换」UI 特效 = 高斯模糊动画+圆形遮罩动画+线框显隐动画。 对该动画进行了拆解，并在 Winform/WPF/WinUI3/Avalonia/Web 不同的UI框架进行实现。其中，我觉得性能来说，视觉效果最丝滑的是Web版本。
【共创季稿事节】HarmonyOS 6.1 跨设备拖拽与剪贴板共享特性适配指南
从事移动开发八年，csdn博客专家，阿里云特邀专家，华为云云享专家，高级网络信息安全工程师，大数据工程师（高级），python技术开发（高级），HarmonyOS 应用开发者高级认证，现在某学校任教。
07-17 1615
HarmonyOS 的分布式能力让多设备协同从概念走向日常。本文聚焦 HarmonyOS 6.1 的跨设备拖拽与剪贴板共享两大特性，从 API 接入、数据格式定义、权限管理到多设备交互设计，提供完整的适配方案。通过外卖应用中将订单卡片从手机拖拽到平板的实战示例，帮助开发者快速掌握分布式数据流转的核心技术。跨设备拖拽允许用户在一个设备上长按并拖动内容，直接放置到另一个设备的应用界面中。HarmonyOS 6.1 在原有同设备拖拽的基础上，将能力扩展到同一账号下的任意 HarmonyOS 设备。场景操作。
【共创季稿事节】HarmonyOS 7.0 元服务开发实战：从零构建一个跨设备天气服务
从事移动开发八年，csdn博客专家，阿里云特邀专家，华为云云享专家，高级网络信息安全工程师，大数据工程师（高级），python技术开发（高级），HarmonyOS 应用开发者高级认证，现在某学校任教。
07-17 1890
通过这个 WeatherAtom 项目，我们完整走通了 HarmonyOS 7.0 元服务的核心开发链路：从工程配置到意图绑定，从卡片设计到主页面开发，从网络请求到跨设备流转，从分布式数据同步到状态保存恢复。元服务的开发哲学与传统应用不同——它追求"最小可用、最快触达、最轻交互"。在 7.0 的意图框架加持下，未来的天气元服务甚至不需要用户主动打开：当用户问小艺"今天会下雨吗"，系统可以直接从桌面弹出天气卡片作答。
「闪白切换」UI 特效 - 在 Winform/WPF/WinUI3/Avalonia/Web 的实现
LateFrames的博客
07-16 332
【闪白切换】动画的实现 = 透明过渡动画 + 径向缩放模动画 + 亮度动画。使用五种不同UI框架来实现：包括WPF（Storyboard+GPU着色器）、WinForms（ 窗体嵌原生 GL+自建管线）、Avalonia（显式 OpenGL 表面）、WinUI3（Direct2D 自定义像素效果）和Web（双纹理绑定 + 可编程管线）。最难的控制时间点节奏，和动画感。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

张工在路上

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值