HarmonyOS ArkUIにおけるカスタムダイアログの実装手法
HarmonyOSのUIフレームワークArkUIでは、CustomDialog機能を活用して柔軟なモーダル表示を実装できます。以下はダイアログ起動ボタンの基本実装例です。
Button('モーダル表示')
.onClick(() => {
this.modalManager.show()
})
.width('100%')
.Padding({ top: 20 })
メインビューとモーダル間の双方向通信を実現するには、コールバック関数と状態管理の連 ...
7月25日 01:26 投稿
HarmonyOS Nextにおける@Paramデコレータの活用
HarmonyOS Nextのコンポーネント指向フレームワークにおいて、子コンポーネントが親からデータを受け取る際の柔軟性と明確性を向上させるため、@Paramデコレータが導入されました。API version 12以降、@ComponentV2で定義されたカスタムコンポーネント内で@Paramを使用することが可能です。
@Paramデコレータの概要
@Paramは、親コンポーネントから子コンポーネント ...
7月5日 17:00 投稿
ArkUIにおけるスプリング曲線アニメーションの実装と物理パラメータの活用
スプリング曲線アニメーションの概要
ArkUIでは、LinearやEase、EaseInといった標準的なアニメーション曲線に加え、物理学のバネ・質量・ダンパーモデルに基づいた「スプリング曲線」を利用できます。この曲線を使用することで、アニメーションが目標値を超えて揺らぎ、最終的に収束するような、現実世界の物理挙動に近いインタラクティブな演出が可能になります。
ArkUI ...
7月4日 23:02 投稿
HarmonyOS ArkUIのレスポンシブグリッドレイアウト：GridRowとGridColの実装ガイド
グリッドシステムの基本概念
グリッドレイアウトは、多様な画面解像度やデバイスサイズに対応するための標準的な配置手法です。コンテナを等幅の列に分割することで、UI部品の配置基準が構造化され、マルチデバイス環境でのデザイン一貫性を担保します。ArkUIでは、親コンテナとなるGridRowと子セルを定義するGridColを連携させることで、柔軟なレスポンシブ構造を構築でき ...
6月25日 21:14 投稿
HarmonyOS アプリ開発：ArkUI を用いたページ遷移とパラメータ管理の実装
ナビゲーションスタックの挙動とモード設定
アプリケーション内でのユーザー体験を向上させるためには、ページ間を滑らかに移動できることが不可欠です。ArkUI のルーティング機構では、現在のページ状態を維持するかどうかによって、複数の操作モードが提供されています。主に「スタンダードモード」と「シングルモード」が利用可能です。
例えば、ログイン後のプロフィー ...
6月23日 16:57 投稿
HarmonyOS ArkUIにおけるSwiperコンポーネントの実装テクニック
ループ再生機能の実装
Swiperコンポーネントで無限ループを実現するには、continuousプロパティを有効化します。
@Entry
@Component
struct CarouselExample {
private carouselController: CarouselController = new CarouselController()
build() {
Swiper(this.carouselController) {
Text("A")
.size('100%')
.bgC ...
6月18日 18:39 投稿
HarmonyOS ArkUI でのメディアクエリの実装と応用
HarmonyOS の ArkUI では、mediaquery モジュールを用いてデバイスの状態（例：画面向き、解像度など）に応じて UI を動的に変更できます。以下は、横画面（landscape）かどうかを監視し、状態変化時にコールバックを実行する基本的な実装です。
import mediaquery from '@ohos.mediaquery';
// 横画面条件でメディアクエリを同期的に生成
const mediaListener = mediaqu ...
6月15日 23:50 投稿
HarmonyOSにおけるカスタム検証コード入力コンポーネントの実装
入力値の検証とフォーカス制御
入力値の長さが1文字以下であることを確認し、該当する位置のcodeArrayに値を格納します。これにより各入力フィールドが単一文字のみを受け付けるようにします。
次の入力フィールドが存在するか（現在のindex + 1がcodeArrayの長さより小さいか）を確認します。存在する場合、自動的に次の入力フィールドにフォーカスを移動させ、ユーザーが ...
6月4日 19:30 投稿
HarmonyOS Next における ArkTS 宣言的 UI 構築の基礎
ArkTS 宣言的パラダイムの概要
HarmonyOS Next のアプリケーション開発において、ArkTS は宣言的な構文を通じてユーザーインターフェースを定義します。このアプローチにより、開発者は状態と UI の関係を明確に記述し、効率的に画面構成を組み立てることが可能になります。本稿では、コンポーネントの实例化、属性の付与、イベントハンドリング、そしてネスト構造の構築に ...
6月4日 18:44 投稿
HarmonyOS NEXTにおけるLazyForEachを用いたデータ遅延ロードの実装
LazyForEachによるデータ遅延ロード
LazyForEachはデータソースから必要に応じてアイテムを反復処理し、対応するコンポーネントを動的に生成します。スクロール可能なコンテナ内で使用すると、可視領域内のアイテムのみをレンダリングし、領域外のコンポーネントは破棄されてメモリ使用量が削減されます。
実装制約事項
List, Grid, Swiper, WaterFlowコンテナ内でのみ ...
5月29日 00:45 投稿