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 投稿
macOS 環境での HarmonyOS 開発設定と頻出エラー対策
シェル環境変数の設定
macOS では使用しているシェルによって設定ファイルが異なります。まず、現在のシェルを確認します。
echo $SHELL
出力結果に応じて、以下のファイルを編集します。
/bin/bash の場合：~/.bash_profile
/bin/zsh の場合：~/.zshrc
エディタでファイルを開き、末尾に SDK のパスを通します。ユーザー名部分は各自の環境に合わせて変更してく ...
6月13日 22:24 投稿
HarmonyOS実践ガイド：Stageモデル（UIAbilityコンポーネント）
export default class EntryAbility extends UIAbility {
onForeground() {
// アプリケーションがフォアグラウンドになった際の処理
// 必要なシステムリソースの取得、またはバックグラウンドで解放されたリソースの再取得
}
onBackground() {
// アプリケーションがバックグラウンドになった際の処理
// UIが非表示状態になる不要なリソースの解放、または状態 ...
6月11日 19:33 投稿
HarmonyOSアプリ開発 - コンポーネント間の状態共有（Prop、Link...）
状態共有 - 親子間の一方向共有
**@Prop** デコレータで修飾された変数は、親コンポーネントとの間で一方向の同期関係を構築できます。**@Prop** で修飾された変数は変更可能ですが、その変更は親コンポーネントには同期されません。
@Entry
@Component
struct ParentComponent {
@State
funds: number = 0
build() {
Column({ space: 20 }){
Text('親コ ...
6月5日 17:34 投稿
HarmonyOSにおけるカスタム検証コード入力コンポーネントの実装
入力値の検証とフォーカス制御
入力値の長さが1文字以下であることを確認し、該当する位置のcodeArrayに値を格納します。これにより各入力フィールドが単一文字のみを受け付けるようにします。
次の入力フィールドが存在するか（現在のindex + 1がcodeArrayの長さより小さいか）を確認します。存在する場合、自動的に次の入力フィールドにフォーカスを移動させ、ユーザーが ...
6月4日 19:30 投稿
HarmonyOS Next における ArkTS 宣言的 UI 構築の基礎
ArkTS 宣言的パラダイムの概要
HarmonyOS Next のアプリケーション開発において、ArkTS は宣言的な構文を通じてユーザーインターフェースを定義します。このアプローチにより、開発者は状態と UI の関係を明確に記述し、効率的に画面構成を組み立てることが可能になります。本稿では、コンポーネントの实例化、属性の付与、イベントハンドリング、そしてネスト構造の構築に ...
6月4日 18:44 投稿
HarmonyOS（API 12 Beta6版）GPUアクセラレータエンジンサービス【空間領域AIスーパーサンプリング】
XEngine Kitは空間領域AIスーパーサンプリング機能を提供し、単一フレーム画像を用いてAI推論によりフィルターパラメータを生成し、スーパーサンプリングを実現します。GPUとNPUの協調動作により、空間領域GPUスーパーサンプリングよりも高い画質を実現します。スーパーサンプリング倍率が1.5倍以下の場合は推奨されます。
インターフェースの説明
以下のインターフェース ...
5月30日 05:37 投稿