Android における ZXing と Data Binding を活用したバーコードスキャン UI 構築

Android 開発におけるスキャン機能の課題 Android アプリケーションでバーコードや QR コードの読み取り機能を実装する際、カメラのプレビュー表示、画像解析、そして結果の UI 反映という複数のプロセスを協調させる必要があります。従来の実装手法では、Activity や Fragment 内にカメラ制御ロジックとビュー操作コードが混在しやすく、メンテナンス性の低下やメモリリー ...

7月23日 18:32 投稿

MVVMLightの基本的な使用方法

1. MVVM パターン UI: <StackPanel> <TextBox Margin="10" Height="20" Background="LightCyan" x:Name="inputText"/> <TextBox Margin="10,0" Height="20" Background="LightCyan" Text="{Binding DisplayText}"/> <Button Content="Button&quot ...

7月18日 23:12 投稿

Avalonia Web エクスポートと MVVM を用いた ToDo リストの実装

Avalonia の Web エクスポート機能を利用して、MVVM パターンと NuGet 生態系を組み合わせた ToDo リストアプリケーションを作成してみます。 まず、デスクトップ版からプロジェクトを作成します。 ToDo リストの MVVM 実装 以下に、シンプルな ToDo リストの MVVM 実装を示します。 TaskItemViewModel の作成 まずは TaskItemViewModel.cs を作成します。 using Community ...

6月30日 16:38 投稿

Avalonia入門:音楽ストアアプリの構築

このチュートリアルでは、Avalonia公式ドキュメントの音楽ストアサンプルをもとに、MVVMパターンを用いたデスクトップアプリケーションの基本を学びます。 完成イメージは以下の通りです(画像は省略)。 1. プロジェクトテンプレートの作成 「Avalonia .NET Core MVVM App」テンプレートを使用してプロジェクトを作成します。 テンプレートが生成するフォルダとファイ ...

6月29日 19:38 投稿

MVVMパターンの実装ガイド

1. MVVMパターンの基本概念 MVVM(Model-View-ViewModel)は、プレゼンテーション層とビジネスロジックを分離するためのアーキテクチャパターンです。このパターン実装には、データバインディングとコマンドパターンという2つの主要な技術が使用されます。 データバインディングの役割 データバインディングは、ViewとViewModel間の自動データ同期を可能にする機構です。Vi ...

6月21日 16:25 投稿

Avaloniaにおけるメインウィンドウへの子ウィンドウ埋め込み実装

まず、Mainクラスに以下のコードを追加します。 ウィンドウデザイナーのコードは以下の通りです。 <UserControl xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc=" ...

6月18日 22:05 投稿

RxSwift と RxCocoa を用いた MVVM パターンによるリアクティブ UI 実装

UIKit におけるユーザーインターフェースの状態管理を、リアクティブプログラミングで簡潔に実現する方法について解説します。ここでは RxSwift、RxCocoa、および MVVM アーキテクチャを組み合わせて、動的なデータバインディングを構築します。 要件 画面には3つのテキストフィールド(UITextField)と1つのラベル(UILabel)を配置 ラベ ...

6月11日 19:30 投稿

Avaloniaでのログイン画面実装

ログイン画面のXAML実装 Avaloniaにおけるログイン画面の実装例を示します。画像とアイコンフォントを使用するため、リソースへの追加とApp.axamlの設定が必要です。 <Window xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" ...

6月4日 22:06 投稿