Image

pub fn image(args: impl Into<ImageArgs>)

image 组件用于显示图片。

值得一提的是，image 组件本身不持有图片数据，而是通过 ImageArgs 传入 Arc<ImageData> 来引用图片数据。

而 ImageData 需通过 tessera_ui_basic_components::image::load_image_from_source 加载，其相关定义如下

pub fn load_image_from_source(
    source: &ImageSource,
) -> Result<ImageData, ImageError>;

pub enum ImageSource {
    Path(String),
    Bytes(Arc<[u8]>),
}

例子

下面给出一个加载内嵌二进制的图片内容为 ImageData 的例子:

use std::sync::Arc;
use tessera_ui_basic_components::image::{
    image, load_image_from_source, ImageArgsBuilder, ImageSource,
};

// 在实际应用中，您可能会在运行时从文件加载图片字节。
// 在此示例中，我们在编译时包含字节。
let image_bytes = Arc::new(*include_bytes!("../../assets/counter.png"));
let image_data = load_image_from_source(&ImageSource::Bytes(image_bytes))
    .expect("Failed to load image");

// 使用加载的数据渲染图片。
image(image_data);

参数

• args: impl Into<ImageArgs>

  该参数用于配置 image 组件，包括图片数据、组件大小等属性。可以使用 ImageArgsBuilder 来构建。

预览