ここで実行されたプロジェクトを参照してください:
https://github.com/spyglass-search/tauri-launchbar-tutorial 作り始めてから Spyglass プロジェクトの私のターゲットの 1 つは、初日から不健康なプラットフォームの真紅の肉に変更されました。 実際、完全にパーソナライズされた検索機能を強化したい場合は、消費者がどのデバイスを操作して動作するように変更したかに関係なく、任意のマシンで動作することをお勧めします。 ネイティブ手法は、アプリについて学ぶことでより効率的またはより良いものになる可能性がありますが、小さな地域として、最小限の3つの機能項目を構成して保持することは本当に洗練されている可能性があります.
使い慣れた技術を駆使して、どんどん発信していきます。
恥知らずな自己宣伝
私たちはスタートソース最深探索ソフトウェアプログラム は、ネイティブの記録データ、現在のクラウド サービス、および現在の問題/ファンダムからのネット サイトの近隣コレクションと統合します。
.
ニュースレターを購読して、ソフトウェア プログラムに関する最新情報を入手し、検索エンジンの構築に関する後退への注目を集めるエンジニアリングを深く掘り下げます。 Rust & Tauri の使い方 トータルタウリアプリの足場 tauri とその
ソフトウェア プログラム あなたがたまたま勉強しようと決心したと同時に、私は合格しました
possess-tauri-appを設定するには 次のソリューションで実行しました: > 貨物所有-タウリ-アプリ
✔チャレンジタイトル・tauri-originate
✔ スーパーバイザー・カーゴのキットを購入する ✔UIテンプレート・バニラを購入 ta uri-originate を現在のディレクトリに追加します。このディレクトリは、残りの put の作業を行う場所です。 すべてのピースが正確にセットアップされていることを明らかにするために、プロジェクト ディレクトリ内の次のヒスノイズから逃れようとしています。 カーゴ タウリ dev がんばって迎えられる以下： タウリネットスポットとの違い 同時にあなたは tauri.app ネットスポットの場合、上記のスクリーンショットは取得数より多いものになりますハンドブックはじめました。 予想通り、Tauri はハンドブックを更新していませんが 🙂 必要なモジュールの有効化おうし座は総束を構成します ソフトウェア プログラムをより効率的に表示するためにさらに有効にできる側面 。 launchbar ファッション ソフトウェア プログラムの場合、global-shortcut を有効にすることをお勧めします。 タイトルが暗示しているため、ウィンドウへのグローバル ショートカットを配置できますあなたの src-tauri/Cargo.toml
ファイル、 )tauri 依存関係の行は、おそらく今でもこれを賞賛することについて学ぶかもしれません: タウリ={ モデル="1.2", 側面=}
ショートカットからの起動 ショートカットを有効にした状態で、ショートカットを登録するためのコードを追加して隠してください。 として知られているウィンドウをスクリーンします。まず、 を変更します。 tauri.config.json ファイルを使用して、ウィンドウにそのマークを表示します。後でウィンドウへのタックルを取得するために使用できます. ファイルの下側の方向で、 ウィンドウズリスト。 実際にはそこにあるウィンドウ項目を変更して、マークが付いていることを確認します。 任意の英数字文字列を使用する必要があります。この場合、「ランチャー」. // ここに設定の量"
ウィンドウズ": [ { "label": "launcher", ... // other window options here }] その後、私たちは私たちの src-tauri/src/critical.rs ショートカットを登録し、ウィンドウを表示/非表示にするファイルです。 )Ctrl? コマンド? どのキーを利用できますか? Atタウリでサポートされているキーコードの特定の組み合わせが奇妙に思われる場合は、accelerator.rs ソースコードはこちら 正確なコンボについては、あなたがポジションにいる可能性があります <(), tauri::Error><(), tauri::Error>// 登録しようとしているキーの組み合わせショートカット 定数 ショートカット: & str ="Ctrl+Map"; fn register_shortcut (アプリ: &mut アプリ) -> 結果<(), tauri::Error> {
させて
app_handle=app. app_handle (); let mut ショートカット=app_handle. global_shortcut_manager();
// // このキーの組み合わせ もしも !ショートカット.
is_registered(ショートカット )? { ショートカット。登録( ショートカット、 スイッチ || toggle_launchbar (&app_handle) )?;
} 良まずまず(())}
)そして、タウリが非常に簡単にする起動バーを切り替えるコード. <(), tauri::Error><(), tauri::Error> // これは、` の「マーク」と一致する可能性があります。 tauri.config.json` ファイル。
const 窓
: & str ="ランチャー "; fn toggle_launchbar (アプリ: &AppHandle) { // を購入窓にタックル させて window=app. get_window(窓)
. リクエスト("窓に印をつけましたか?
"); // とりあえず表示されている場合は見てください & 表示されている場合は画面に表示されます. なら まずまず( 合法)=window.is_visible () { させて _=ウィンドウ。画面 (); } それ以外 { させて _=ウィンドウ。隠す();
} }
今すぐソフトウェア プログラムを実行してください。 ウィンドウがポップアップしたら、Ctrl+Map ショートカットがコードに割り当てられました。 努力し、最も重要なウィンドウを隠したり、隠したりできるようにします: 有効な発信元はこちらしかし、このウィンドウは合法的すぎて、私たちの洗練されたオリジナルのバーには大きすぎて扱いにくいです.窓の美学まず、tauri.config.json
のウィンドウ設定に戻ります。 作成されるウィンドウの高さと幅を調整します。 // ここに構成の数量 "ウィンドウズ": [ { "label": "launcher", "height": 128, "width": 640, ... // other window options here }] この例では、高さを次のように調整します 128 となる幅 640 ただし自由に調整してくださいこれはどんな測定でもあなたの隠れ家にとって居心地が良いです. 調整された寸法で、私たちの窓はくしゃくしゃの窮屈な少し。 私たちの独創的なバーに寛大な新しい美学を提示するために、窮屈な少しの研磨を節約しましょう💁🏻♀️. まず、窓から装飾品を購入しましょう. たまたま時間をかけて ドキュメント ウィンドウ構成の場合、特に いくつかの効果的な解決策が見られるかもしれませんクリア、 デコレーション 、 中心、 見える.周囲クリア から 合法 により、ウィンドウが透明になります。
周辺 装飾 に 不適切 は、ウィンドウの境界線とタイトル バーを反転させます。サラウンドイン gs center から 正当な は、オリジネート時にウィンドウを自動的に中央に配置します。 周囲 見える から 不適切 [tauri::command] は、発信時にウィンドウを自動的にスクリーニングします。 macOSユーザー特典の中で力強くクリア
オプションのドキュメント、macOS のお客様は、 を有効にすることもお勧めします。 macos-deepest-api 設定でフラグを実行します。 詳細については、臨床医を調べてください。 これらをウィンドウ構成に追加して、ソフトウェアから逃げます。何が起こるかを覗くプログラム。 実際には、多数のウィンドウ構成ソリューションのいずれかを自由に試して、raze ウィンドウでどのように保存されているかを確認してください。 With装飾が剥がれてきましたが、タイトルバーとウィンドウの境界線がなくなった、より長方形のウィンドウを下に見てみましょう. 閉まるよ！ ハイライトや多くのローンチバーのファッション機能に精通している場合は、角を丸くして窮屈な透明感を追加することをお勧めします. HTML と CSS に飛び込んで、オリジネイト バーの学習内容と感触を微調整しましょう。 レアーの編集＆実際に感じる src/内index.html ファイルを見て、テキスト入力以外は全部購入することにしました <体> <入力 タイプ
=" 文章"/> body> とCSS を完全に更新して、累積ページが、ウィンドウ構成のために現在構築されている寸法に準拠するようにしました。 入力フィールドは、元のバーの丸みを帯びたコーナーを表示するための寛大な境界半径とともに、家全体を所有するために最大化される可能性があります。 CSS の重要な側面を以下に示します:
html , )体格{ 余白: 0 ;
パディング:
0; 幅： 640px ; 身長： 128px ; } 入力 { ボーダー半径:8px ; 国境：
1px 個体 #000 ; フィールドサイジング: ボーダーフィールド; フォント測定: 4em ; 概要: なし; パディング:0 0.4em ;
身長：
100% ; 幅： 100%
; } //代替色消費者設定に沿ったスキーム @メディア (prefers-color-scheme: darkish) { 入力{
色： # ffffff;
背景色:
#0f0f0fdd; }
} @メディア(好みの配色: 優しい) { 入力 { 色： #0f0f0f; 背景色: #ffffffdd ; } }
を通じてソフトウェア プログラムを実行します。 cargo tauri dev そして、あなたはまだ以下の感心するものを見ているかもしれません: 送信の検出 最後に、ウィンドウからの送信が検出されるように、Javascript と Rust コードを完全に変更することをお勧めします。入力フィールドのテキストは、処理の必要性に関係なく、Rust の側面に送信されます。 によって生成された JavaScript コードを調整しました。 possess-tauri-app 入力フィールド内でのキーの押下をリッスンする Enter シークレットを取得します<(), tauri::Error> const { 呼び出し }=window.__タウリ__
.タウリ
; させて inputEl ; async perform 挨拶() { // Rust アスペクトに入力を送信します 座って
invoke ("挨拶"、 { タイトル： inputEl。価値 }); // 入力フィールドをリセットします inputEl.ワース=""; } 窓。addEventListener("DOMContentLoaded ", () => { inputEl =ファイル. getElementById("ランチャー"); // キーアップ リスナーを追加し、「Enter」が // 押されました。 inputEl. addEventListener(
」keyup ", ( マッチ
)=> {
もしも (マッチ。鍵 ==="
入力
") { 挨拶(); } }); }); とクライアントアスペクトが実装されたことで、Rust コードを完全に調整して、実行時にその影響を stdout に出力し、ウィンドウをスクリーン表示することができます。
#[tauri::command] fn 挨拶( 窓: tauri::Window, タイトル: & str
) { println!("入力取得: {}"、 タイトル); toggle_launchbar (＆窓。app_handle()); }
そしてヴィオラ！ 起動バーの能力は Rust & Tauri の使用法を作成しましたが、Tauri の機能により、より長い価値のあるコードを使用していませんでした. 同時にこのチュートリアルを楽しんだり、ブログを購読して受信トレイで毎月の更新を取得したり、Spyglass を試したりしています。 私たちの最も深い検索アプリ !-->!-->!-->𝚆𝚊𝚝𝚌𝚑 𝙽𝙾𝚆 📺
