MAUI实战 - MAUI基础 - MAUI基础练习
maui显示本地图片
先介绍MAUI显示图片的实现方法,文后附有实例源代码供下载。

Image 显示可从本地文件、URI、嵌入资源或流加载的图像。 支持标准平台图像格式,包括动画 GIF,也支持本地可缩放矢量图形 (SVG) 文件。

Image类,位于命名空间Microsoft.Maui.Controls下,表示 保存图像的 View。

Image 定义以下属性:

Aspect 为Aspect枚举类型,定义图像的缩放模式。
IsAnimationPlaying 为bool类型 ,确定动画 GIF 是正在播放还是停止。 此属性的默认值为 false。
IsLoading,为bool类型 ,指示图像的加载状态。 此属性的默认值为 false。
IsOpaque 为bool类型 ,指示呈现引擎在呈现图像时是否可将图像视为不透明。 此属性的默认值为 false。
Source, 为ImageSource类型 ,指定图像的源。

类 ImageSource 定义可用于从不同源加载图像的以下方法:

FromFile 返回 FileImageSource 从本地文件读取图像的 。
FromUri 返回一个 , UriImageSource 用于从指定的 URI 下载和读取图像。
FromResource 返回一个 , StreamImageSource 用于读取嵌入程序集中的图像文件。
FromStream 返回一个 StreamImageSource ,它从提供图像数据的流中读取图像。

在 XAML 中,可以通过将文件名或 URI 指定为 属性的 Source 字符串值,从文件和 URI 加载图像。 还可以通过自定义标记扩展从 XAML 中的资源或流加载图像。

加载本地映像(图片):

通过将图像拖到项目的 Resources\Images 文件夹,可以将图像添加到应用项目中,其中图像的生成操作将自动设置为 MauiImage。 在生成时,矢量图像将调整为目标平台和设备的正确分辨率,并添加到应用包。 这是必需的,因为不同的平台支持不同的映像分辨率,并且操作系统会在运行时根据设备的功能选择适当的映像分辨率。

为了符合 Android 资源命名规则,所有本地图像文件名都必须小写,以字母字符开头和结尾,并且仅包含字母数字字符或下划线。

以下是一个图像的例子的代码:
<Image x:Name="htImage" Source="hovertree.png" Aspect="AspectFit" HeightRequest="200" WidthRequest="200" />
hovertree.png是一张放在Resources\Images目录下的图片。
运行的效果如图:
本例子在Android系统上也运行成功。

需要完整源代码的话:

收藏 列表

评论: