前言
本专栏是Rust实例应用。
环境配置
平台:windows
软件:vscode
语言:rust
库:iced、iced_aw
概述
本文是专栏第二篇实例,是一个图像格式转换程序,基于rust图像处理库image以及文件处理库rfd。
UI演示:
系列博客链接
1、<Rust><iced>基于rust使用iced库构建GUI实例:动态改变主题色
本篇内容:
1、图像格式转换
程序结构介绍
本文涉及到的crate有iced、iced_aw、image、rfd等,详细看toml文件:
[package]
name = "img-convert"
version = "0.1.0"
edition = "2021"[dependencies]iced={version ="0.12.1",features = ["svg","canvas","image","multi-window"]}
iced_widget={version = "0.12.3"}
iced_aw={version = "0.9.3",features = ["menu","split","context_menu"]}image={version = "0.25.1",features = ["ico"]}rfd={version ="0.14.1"}
本篇涉及到的菜单构建等内容,不再赘述,详细请参看第一篇:
<Rust><iced>基于rust使用iced库构建GUI实例:动态改变主题色
下面主要说一下本篇所涉及的两个功能,一个是图片数据的处理,使用的是image库,一个是文件的对话框,使用的是rfd库。
先说下rfd库来操作文件,首先是文件的打开,获取文件路径:
if let Some(res)=FileDialog::new().set_title("打开图像").add_filter("所有图像文件", &["png","jpg","jpeg","bmp","ico","tiff","gif"]).add_filter("png", &["png"]).add_filter("jpeg", &["jpeg","jpeg"]).add_filter("bmp", &["bmp"]).add_filter("ico", &["ico"]).add_filter("tiff", &["tiff"]).set_directory("C:\\").pick_file(){self.imgpath=res.display().to_string();};
FileDialog是文件对话框,MessageDialog是消息对话框。都由rfd库实现:
use rfd::{FileDialog,MessageDialog};
本文使用的是单文件打开函数pick_file:
/// Pick one filepub fn pick_file(self) -> Option<PathBuf> {FilePickerDialogImpl::pick_file(self)}
rfd也可以实现多文件打开、文件夹打开、多文件夹打开等:
/// Pick multiple filespub fn pick_files(self) -> Option<Vec<PathBuf>> {FilePickerDialogImpl::pick_files(self)}/// Pick one folderpub fn pick_folder(self) -> Option<PathBuf> {FolderPickerDialogImpl::pick_folder(self)}/// Pick multiple folderspub fn pick_folders(self) -> Option<Vec<PathBuf>> {FolderPickerDialogImpl::pick_folders(self)}
当然也包括文件保存路径的获取:
pub fn save_file(self) -> Option<PathBuf> {FileSaveDialogImpl::save_file(self)}
可以看到,FileDialog的每个函数返回的都是枚举类型。获取路径时需要对错误进行处理,否则有问题时会崩溃。
实例代码分析
第二个是利用image库对图像进行处理,我们使用rfd库获取了图像的路径之后,如何将图像显示在窗口上呢?使用iced的image部件:
let imghandle=image::Handle::from_path(&self.imgpath);let img1=image(imghandle).content_fit(iced::ContentFit::Fill);
如上,image部件的参数为图像数据,iced中定义为Handle,Handle的获取方式如下:
pub fn from_path
pub fn from_pixels
pub fn from_memory
而图片格式的转换,可以使用image库。需要注意的是,iced自带的image部件与image库的名字重名了,所以一起使用时需要重命名。
extern crate image as eximage;
image库转换图片格式的官方示例如下:
我们获取了图像的路径,然后使用image库先打开图像,获取其数据类型为DynamicImage,然后利用image的save功能,将打开图片转为另一种格式:
img2.save(destimg).unwrap()
image库支持的图片格式如下:
不过,实际转换时需要注意,有些图片之间的转换是有条件的,比如从png转jpeg,需要先丢掉图片的透明度,否则会报错。
另外,icon格式对尺寸有限制。
完整代码
imgconvert.rs
use eximage::{ImageBuffer, ImageResult,ImageFormat};
use rfd::MessageDialog;///
/// 保存为对应格式图片
///
pub fn convertimg(srcimg:&str,destimg:&str){let src_fmt=get_img_format(srcimg);let dest_fmt=get_img_format(destimg);let img=eximage::open(srcimg).unwrap();let w=img.width();let h=img.height();println!("图片尺寸:{}*{}",w,h);//如果由png转jpeg,需要丢失透明度if src_fmt=="png" && dest_fmt=="jpeg"{let img2=img.to_rgb8();img2.save(destimg).unwrap()}else if dest_fmt=="ico"{if src_fmt=="jpeg" || src_fmt=="tiff"{println!("格式错误!");return;}else{if w>256 || h>256{println!("ico图片尺寸不能超过256*256");let res=MessageDialog::new().set_title("提示").set_level(rfd::MessageLevel::Warning).set_description("ico图片尺寸不能超过256*256,继续则为您转换为256,否则将取消转换").set_buttons(rfd::MessageButtons::YesNo) .show();if res==rfd::MessageDialogResult::Yes{let img3=img.resize(128, 128, eximage::imageops::FilterType::Nearest);img3.save(destimg).unwrap();}else {println!("取消转换");}}else{img.save(destimg).unwrap();}}}else {img.save(destimg).unwrap()}}///
/// 获取图片后缀名
///
pub fn get_img_format(path:&str)->String{let res=path.split('.').last();let f1=match res{Some(x)=>x.to_string(),None=>String::from("")};return f1;
}///
/// 获取图片尺寸
///
pub fn get_img_size(path:&str)->(u32,u32){let img=eximage::open(path).unwrap();let w=img.width();let h=img.height();return (w,h);
}
动态演示
rustGUI图片转换演示