iced::TextInput の値を変更できるようにしたい

Question

実現したいこと

iced::TextInput を用いて
テキストボックスをGUI上に表示し、
文字を入力できるようにしたいです。

環境

• macOSネイティブアプリとして実行しています
• iced のバージョンについて

Cargo.toml に記載していなかったっため、
Cargo.lock を確認したところ、0.3.0 でした。

[[package]]
name = "iced"
version = "0.3.0"

発生している問題

テキストボックスを表示することはできましたが、
クリックしてもフォーカスできず、文字を入力できません。

試したこと

TextInput::new の第３引数に問題があると考え、
以下のパターンを試しましたが、文字入力できない状態のままでした。

• 文字列リテラル "" を渡す
• String オブジェクトへの参照を渡す

ソースコード

main.rs

use iced::{TextInput, text_input, Application, Command, Clipboard, Element, Settings};

fn main() -> iced::Result {
    App::run(Settings::default())
}

struct App {
    input_state: text_input::State,
    text_value: String
}

impl Application for App {
    type Executor = iced::executor::Default;
    type Message = ();
    type Flags = ();

    fn new(_flags: Self::Flags) -> (Self, Command<Self::Message>) {
        (
            App {
                input_state: text_input::State::new(),
                text_value: String::from("")
            },
            Command::none()
        )
    }

    fn title(&self) -> String {
        String::from("サンプル")
    }

    fn update(&mut self, _message: Self::Message, _clipboard: &mut Clipboard) -> Command<Self::Message> {
        Command::none()
    }

    fn view(&mut self) -> Element<'_, Self::Message> {
        TextInput::new(
            &mut self.input_state,
            "place holder",
            &mut self.text_value, // String オブジェクトへの参照を渡す
            |_string| {}
        ).into()
    }
}

Cargo.toml

[package]
name = "RustWithCLion"
version = "0.1.0"
edition = "2018"
publish = false

# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

[dependencies]
iced = { features = ["async-std", "debug"] }
serde = { version = "1.0", features = ["derive"] }
serde_json = "1.0"

[target.'cfg(not(target_arch = "wasm32"))'.dependencies]
async-std = "1.0"
directories-next = "2.0"

[target.'cfg(target_arch = "wasm32")'.dependencies]
web-sys = { version = "0.3", features = ["Window", "Storage"] }
wasm-timer = "0.2"

[package.metadata.deb]
assets = [
    ["target/release/todos", "usr/bin/iced-todos", "755"],
    ["iced-todos.desktop", "usr/share/applications/", "644"],
]

実行結果

バージョン情報

mac OS BigSur 11.5.2

% cargo --version
cargo 1.51.0 (43b129a20 2021-03-16)

% rustc -V
rustc 1.51.0 (2fd73fabe 2021-03-23)

% rustup -V
rustup 1.23.1 (3df2264a9 2020-11-30)
info: This is the version for the rustup toolchain manager, not the rustc compiler.
info: The currently active `rustc` version is `rustc 1.51.0 (2fd73fabe 2021-03-23)`

% rustup show
Default host: x86_64-apple-darwin

installed targets for active toolchain
--------------------------------------

wasm32-unknown-unknown
x86_64-apple-darwin

active toolchain
----------------

stable-x86_64-apple-darwin (default)
rustc 1.51.0 (2fd73fabe 2021-03-23)

Comments

[tatsuya6502]

こんにちは。環境に依存した問題かもしれないので、アプリの形態について情報を追加してもらえないでしょうか？（質問に追記してください）

- macOSネイティブアプリとして実行している
または
- wasmアプリとしてWebブラウザー上で実行している

スクリーンショットの感じではmacOSネイティブアプリのようですが、APIドキュメントを見たところ、TextInput::newはiced_webクレートにしか存在しないようなので、その違い？が少し気になりました。

あと、Cargo.tomlでicedの version = 指定がないようですが、ここも少し変なので確認をお願いします。（指定がないとエラーになるものだと思ってました）

私はicedを試したことはないので、情報があってもすぐに答えはわからないのですが、もし、しばらく回答がつかないようなら、私の方でも調べてみようと思います。

[tatsuya6502]

> スクリーンショットの感じではmacOSネイティブアプリのようですが、APIドキュメントを見たところ、TextInput::newはiced_webクレートにしか存在しないようなので、その違い？が少し気になりました。

こちらについては謎か解けたと思います。iced_nativeクレートにもnewがありました。 https://docs.rs/iced_native/0.4.0/iced_native/widget/text_input/struct.TextInput.html#method.new

[sutonea]

コメントとご調査ありがとうございます。ご返答遅れましてすみません、情報を追記いたしました。

[tatsuya6502]

情報を追記していただき、ありがとうございました。また、問題の方も解決したということでよかったです。

Answer 1

Messageの処理が行われていないからではないでしょうか.

iced::Application::view() は表示用なので, update()の中でメッセージを処理する必要があったかと存じます.

#[derive(Debug, Clone)]
enum Message {
    TextInputChanged(String),
}

のようなものを定義し, App内の

type Message = ()

を

type Message = Message

とした上で, update()でMessageを処理する実装を記述し,

fn update(&mut self, message: Self::Message, _clipboard: &mut Clipboard) -> Command<Self::Message> {
        match message {
            Message::TextInputChanged(str) => {
                self.text_value = str;
            },
            _ => {}
        }
        Command::none()
    }

view()内のTextInput::new()の第四引数でMessageを生成するようにすれば入力できるようになるかなと思います.

fn view(&mut self) -> Element<'_, Self::Message> {
        TextInput::new(
            &mut self.input_state,
            "place holder",
            &self.text_value,
            Message::TextInputChanged,
        ).into()
    }

Comments

[sutonea]

ご返答遅れましてすみません。そちらの方法で解決いたしました、ありがとございます。