Rust UI开发（一）：使用iced构建UI时，如何在界面显示中文字符

2023-11-28 17:45
文章标签 rust 使用 构建 开发 ui 中文 字符 界面显示 iced

本文主要是介绍Rust UI开发（一）：使用iced构建UI时，如何在界面显示中文字符，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

注：此文适合于对rust有一些了解的朋友

iced是一个跨平台的GUI库，用于为rust语言程序构建UI界面。
在这里插入图片描述  
iced的基本逻辑是：
UI交互产生消息message，message传递给后台的update，在这个函数中编写逻辑，然后通过View函数更新UI。

  1. Take the result of our view logic and layout its widgets.
    获取视图逻辑的结果并布局其小部件。
  2. Process events from our system and produce messages for our update
    logic. 处理来自系统的事件，并为我们的更新逻辑生成消息。
  3. Draw the resulting user interface. 绘制生成的用户界面。

下面我们将通过举例来说明iced如何显示一个窗口，以及如何在窗口上显示中文。

一、如何用iced构建窗口：

我们构建一个基本窗口，窗口有一个按钮，一个文本框，一个标签，在文本框输入字符，点击按钮后，标签上显示相同内容。
UI实例预览：
在这里插入图片描述
在这里插入图片描述
1 导入库

use iced::widget::{button, column, text, text_input};    
use iced::{Alignment, Element, Sandbox, Settings};

2、配置Cargo.toml

[dependencies]   
iced="0.10"

这样，使用cargo check时，会自动安装iced库。

3、构建窗口程序

主函数：

pub fn main() -> iced::Result {     Counter::run(Settings::default())             //此处为使用默认窗口设置}

定义数据结构：

//创建结构体struct
struct Counter{value: String,value2:String,
}

定义消息：

#[derive(Debug, Clone)]           //为下方的enum添加特性trait
enum Message {Showtext,InputChanged(String),
}

实现一个实例：

//sandbox是一个trait
impl Sandbox for Counter {             //impl将sandbox添加给Counter,使Counter具有了sandbox的一些特性type Message = Message;     fn new() -> Self {                  //初始化sandbox，返回初始值Self { value: String::new(),value2:String::new(),}}fn title(&self) -> String {         //返回sandbox的标题String::from("iced_UI")}fn update(&mut self, message: Message) {        //此处书写更新逻辑程序，所有UI交互会在这里处理match message {Message::Showtext=> { let ss=&self.value;  self.value2=ss.to_string(); }Message::InputChanged(value) =>{self.value=value;}}}fn view(&self) -> Element<Message> {            column![text_input("enter some string",&self.value).on_input(Message::InputChanged).padding(10).size(16),button("push").on_press(Message::Showtext).padding(2).width(40),  text(format!("enter text:{}",&self.value2)).size(16), ].spacing(10).padding(6).align_items(Alignment::Center).into()}}

完整代码：

use iced::widget::{button, column, text, text_input}; 
use iced::{Alignment, Element, Sandbox, Settings};pub fn main() -> iced::Result {Counter::run(Settings::default())             //此处为使用默认窗口设置}//创建结构体struct
struct Counter{value: String,value2:String,
}#[derive(Debug, Clone)]           //为下方的enum添加特性trait
enum Message {Showtext,InputChanged(String),
}//sandbox是一个trait
impl Sandbox for Counter {             //impl将sandbox添加给Counter,使Counter具有了sandbox的一些特性type Message = Message;fn new() -> Self {                  //初始化sandbox，返回初始值Self { value: String::new(),value2:String::new(),}}fn title(&self) -> String {         //返回sandbox的标题String::from("iced_UI")}fn update(&mut self, message: Message) {        //此处书写更新逻辑程序，所有UI交互会在这里处理match message {Message::Showtext=> { let ss=&self.value;  self.value2=ss.to_string(); }Message::InputChanged(value) =>{self.value=value;}}}fn view(&self) -> Element<Message> {            column![text_input("enter some string",&self.value).on_input(Message::InputChanged).padding(10).size(16),button("push").on_press(Message::Showtext).padding(2).width(40),  text(format!("enter text:{}",&self.value2)).size(16), ].spacing(10).padding(6).align_items(Alignment::Center).into()}}

cargo run以上代码，演示如下：
在这里插入图片描述
由于涉及rust和iced两个方面的应用，在此，仅就iced的相关使用作一下说明，至于对rust的代码有疑问的，可以参考rust的官方手册。

impl Sandbox for Counter{}

这里的sandbox是iced库提供的一个简单的应用特性，它是一个trait，有update、view、run等函数功能，此处，update和view是两个有点对应的功能，当你在UI操作部件时，会产生交互消息message，update就是接受message的，你可以在update函数下，编写你的逻辑：
此例中，我的逻辑是，当在文本框输入信息时，实时文本会传给之前定义好的一个数据即value。当点击按钮时，会将文本框的数据传给另一个数据value2，然后value2是和用于显示的文本框绑定的。

  fn update(&mut self, message: Message) {        //此处书写更新逻辑程序，所有UI交互会在这里处理match message {          Message::Showtext=> { let ss=&self.value;  self.value2=ss.to_string(); }Message::InputChanged(value) =>{self.value=value;}}}

value2通过view函数显示到UI界面。
下面的代码是其中一句，这里将text部件绑定了一个值self.value2即前面定义的value2。

 text(format!("enter text:{}",&self.value2)).size(16),

二、如何在iced窗口显示中文：

但是上面的程序，有个小小的不足，就是窗口无法显示中文字符，比如，我将按钮的名称由push改成开始：

button("开始")

再运行的话：
在这里插入图片描述
可以看到上图中按钮的名字变成了乱码，这是因为在窗口的设定时，使用了默认参数：

pub fn main() -> iced::Result {Counter::run(Settings::default())             //此处为使用默认窗口设置 
}

就是此处的Settings，而iced的默认窗口参数中，字体使用的是：SansSerif。因此不支持中文字符，所以，如果想要在UI界面用中文来表示各个部件的名称或注释，需要更改字体。

所以，此处我们对上面的程序进行修改，以便窗口可以显示中文，其实就是修改字体的设置。

首先需要添加导入：

use iced::Font;
use iced::font::Family;

然后，修改主函数中的run函数的Settings：

pub fn main() -> iced::Result {       //Counter::run(Settings::default())             //此处为使用默认窗口设置 let ff="Microsoft YaHei";     //设置自定义字体Counter::run(Settings {default_font:Font{                      //设置自定义字体，用于显示中文字符family:Family::Name(ff),..Font::DEFAULT},..Settings::default()})
}

和之前的主函数对一下，可以发现，这里我先定义了一个字符串，用来表示字体的名字，此处是微软雅黑字体。
然后在Settings中，将关于字体的default_font单独设置。
设置好后，我们再来cargo run一下：
在这里插入图片描述
可以看到，中文字符能正常显示了。
对上面的主函数，我们再做一下修改，使窗口启动时的尺寸按照我们想要的来，即自定义窗口尺寸：

先添加导入

use iced::window;

然后主函数：

pub fn main() -> iced::Result {    //Counter::run(Settings::default())             //此处为使用默认窗口设置 let ff="Microsoft YaHei";     //设置自定义字体Counter::run(Settings {window:window::Settings{                //设置自定义窗口尺寸size:(600,400),..window::Settings::default()},default_font:Font{                      //设置自定义字体，用于显示中文字符family:Family::Name(ff),..Font::DEFAULT},..Settings::default()})
}

这样一来，窗口启动时不会按照默认的来，而是按照自己设定来显示。

这篇关于Rust UI开发（一）：使用iced构建UI时，如何在界面显示中文字符的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/430046。

相关文章

Django开发时如何避免频繁发送短信验证码（python图文代码）

Django开发时如何避免频繁发送短信验证码（python图文代码）

《Django开发时如何避免频繁发送短信验证码（python图文代码）》Django开发时,为防止频繁发送验证码,后端需用Redis限制请求频率,结合管道技术提升效率,通过生产者消费者模式解耦业务逻辑... 目录避免频繁发送 验证码1. www.chinasem.cn避免频繁发送 验证码逻辑分析2. 避免频繁
阅读更多...
Java使用Thumbnailator库实现图片处理与压缩功能

Java使用Thumbnailator库实现图片处理与压缩功能

《Java使用Thumbnailator库实现图片处理与压缩功能》Thumbnailator是高性能Java图像处理库,支持缩放、旋转、水印添加、裁剪及格式转换,提供易用API和性能优化,适合Web应... 目录1. 图片处理库Thumbnailator介绍2. 基本和指定大小图片缩放功能2.1 图片缩放的
阅读更多...
Spring Boot集成/输出/日志级别控制/持久化开发实践

Spring Boot集成/输出/日志级别控制/持久化开发实践

《SpringBoot集成/输出/日志级别控制/持久化开发实践》SpringBoot默认集成Logback,支持灵活日志级别配置（INFO/DEBUG等）,输出包含时间戳、级别、类名等信息,并可通过... 目录一、日志概述1.1、Spring Boot日志简介1.2、日志框架与默认配置1.3、日志的核心作用
阅读更多...
Python使用Tenacity一行代码实现自动重试详解

Python使用Tenacity一行代码实现自动重试详解

《Python使用Tenacity一行代码实现自动重试详解》tenacity是一个专为Python设计的通用重试库,它的核心理念就是用简单、清晰的方式,为任何可能失败的操作添加重试能力,下面我们就来看... 目录一切始于一个简单的 API 调用Tenacity 入门：一行代码实现优雅重试精细控制：让重试按我
阅读更多...
MySQL中EXISTS与IN用法使用与对比分析

MySQL中EXISTS与IN用法使用与对比分析

《MySQL中EXISTS与IN用法使用与对比分析》在MySQL中,EXISTS和IN都用于子查询中根据另一个查询的结果来过滤主查询的记录,本文将基于工作原理、效率和应用场景进行全面对比... 目录一、基本用法详解1. IN 运算符2. EXISTS 运算符二、EXISTS 与 IN 的选择策略三、性能对比
阅读更多...
使用Python构建智能BAT文件生成器的完美解决方案

使用Python构建智能BAT文件生成器的完美解决方案

《使用Python构建智能BAT文件生成器的完美解决方案》这篇文章主要为大家详细介绍了如何使用wxPython构建一个智能的BAT文件生成器,它不仅能够为Python脚本生成启动脚本,还提供了完整的文... 目录引言运行效果图项目背景与需求分析核心需求技术选型核心功能实现1. 数据库设计2. 界面布局设计3
阅读更多...
使用IDEA部署Docker应用指南分享

使用IDEA部署Docker应用指南分享

《使用IDEA部署Docker应用指南分享》本文介绍了使用IDEA部署Docker应用的四步流程：创建Dockerfile、配置IDEADocker连接、设置运行调试环境、构建运行镜像,并强调需准备本... 目录一、创建 dockerfile 配置文件二、配置 IDEA 的 Docker 连接三、配置 Do
阅读更多...
Android Paging 分页加载库使用实践

Android Paging 分页加载库使用实践

《AndroidPaging分页加载库使用实践》AndroidPaging库是Jetpack组件的一部分,它提供了一套完整的解决方案来处理大型数据集的分页加载,本文将深入探讨Paging库... 目录前言一、Paging 库概述二、Paging 3 核心组件1. PagingSource2. Pager3.
阅读更多...
深入浅出SpringBoot WebSocket构建实时应用全面指南

深入浅出SpringBoot WebSocket构建实时应用全面指南

《深入浅出SpringBootWebSocket构建实时应用全面指南》WebSocket是一种在单个TCP连接上进行全双工通信的协议,这篇文章主要为大家详细介绍了SpringBoot如何集成WebS... 目录前言为什么需要 WebSocketWebSocket 是什么Spring Boot 如何简化 We
阅读更多...
python使用try函数详解

python使用try函数详解

《python使用try函数详解》Pythontry语句用于异常处理,支持捕获特定/多种异常、else/final子句确保资源释放,结合with语句自动清理,可自定义异常及嵌套结构,灵活应对错误场景... 目录try 函数的基本语法捕获特定异常捕获多个异常使用 else 子句使用 finally 子句捕获所
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2