[[415360]]

詳細については、以下をご覧ください。

51CTOとHuaweiが共同で構築したHarmonyOSテクノロジーコミュニティ。

https://harmonyos..com

コンポーネントは、アプリケーション開発の難易度を軽減し、開発効率を向上させ、アプリケーション開発をよりシンプルかつ効率的にします。HarmonyOSの400以上のコンポーネントの最初のバッチがオープンソース化されて以来、開発者の皆様から絶賛と継続的な注目を集めています。開発者の皆様のご要望にお応えし、現在では300を超えるオープンソースコンポーネントをリリースしています。

I. 新しく追加されたオープンソースコンポーネントの概要

このアップデートには、以下の表に示すように、8 つの主要カテゴリ (ツール、ネットワーク、ファイル データ、UI、フレームワーク、アニメーションとグラフィック、オーディオとビデオ、ゲーム) をカバーする 300 を超える新しいオープンソース コンポーネントが含まれています。

II. オープンソースコンポーネントの入手方法

開発者は、OpenHarmony Gitee オープンソース アドレスからソース コードを直接ダウンロードするか、HarmonyOS アプリケーション パッケージ管理プラットフォームから関連コンポーネントを取得できます。

1. OpenHarmony Giteeオープンソースアドレス

下の画像に示すように、以下のリンクをクリックしてtpc_resourceリポジトリにアクセスしてください。このリポジトリは、オープンソースのサードパーティ製コンポーネントリソースを収集しています。新しく追加されたコンポーネントには「NEW」というプレフィックスが付けられています。開発者は必要に応じてこれらを参照し、使用することができます。

コンポーネントのダウンロードリンク:

https://gitee.com/openharmony-tpc/tpc_resource

2. HarmonyOS アプリケーションパッケージ管理プラットフォーム

下の画像に示すように、リンクをクリックすると、HarmonyOS アプリケーション パッケージ管理プラットフォームにアクセスでき、開発者はここでニーズに応じてアプリケーション パッケージを検索してダウンロードできます。

リンクはこちら: https://hpm.harmonyos.com/hapm/

成分の入手方法は以上です。それでは代表的な成分の効果を見ていきましょう。

III. 典型的なコンポーネント効果の実証

1. 分割ドラッグ可能ビュー

下の画像をご覧ください。このコンポーネントはドラッグ＆ドロップ操作を可能にし、ニュースカテゴリーの選択や並べ替えによく使用されます。例えば、WeChat Momentsに写真を投稿する際には、ドラッグ操作で画像を並べ替えることができます。また、ニュースアプリを利用する際には、お気に入りのカテゴリーを好みに合わせてトップメニューバーにドラッグ＆ドロップできます。

ソースコードのダウンロードアドレス:

https://gitee.com/hihopeorg/DividedDraggableView

2. ohos-オーディオビジュアライザー

下図に示すように、このコンポーネントはオーディオの視覚化を可能にし、マルチメディアラジオ音楽や音声起動アニメーションなどの視覚的なシナリオで広く使用されています。例えば、音楽を再生しているときに、画像の揺れによってメロディーの変化を表現することができます。また、マイクを使用して双方向通信を行うときは、画像の揺れの高さで音量を判断できます。

ソースコードのダウンロードアドレス:

https://gitee.com/chinasoft3_ohos/ohos-audio-visualizer

3. 材質評価バー

下の画像に示すように、このコンポーネントは星型の評価バースタイルを提供します。例えば、様々なショッピングアプリを評価する際に、星を点灯させることで評価を表示できます。

[[415361]]

ソースコードのダウンロードアドレス:

https://gitee.com/archermind-ti/material-rating-bar

4. いいねボタン

下の画像に示すように、このコンポーネントは「いいね！」エフェクトを表示するボタンです。例えば、ソーシャルメディアアプリでは、「いいね！」「お気に入り」「シェア」といった操作は、ジェスチャーアイコン、ハートアイコン、スマイリーフェイスアイコンのいずれかをクリックすることで区別されます。

ソースコードのダウンロードアドレス:

https://gitee.com/baijuncheng-open-source/LikeButton

上記のアニメーション画像をご覧になって、実際に試してみたくなりましたか？次に、オープンソースコンポーネントの参照方法について説明します。

IV. オープンソースコンポーネントの参照方法

1. Harパッケージを参照する（build.gradle）

バイナリディレクトリの参照はシンプルで分かりやすいです。開発者はコンポーネントライブラリをlibsディレクトリに配置するだけで済みます。これはプロトタイピングに非常に便利で、初心者やテスト時によく使われる方法です。

依存関係 {
実装 fileTree(dir: 'libs' , include: [ '*.jar' , '*.har' ])
 }

2. ソースファイル参照（build.gradle）

開発者は、使用するコンポーネントを最適化する必要がある場合、ソースファイルを参照し、ソースコードをダウンロードして、必要に応じて修正することができます。最適化後は、ソースコードをオープンソースリポジトリに提供することもできます。

依存関係 {
実装プロジェクト( ":mylibrary" )
 }

3. Mavenリポジトリリファレンス（build.gradle）

Maven リポジトリ参照は、大規模なチーム開発や商用アプリケーション開発に適しており、開発者は中央リポジトリから直接ダウンロードできます。

ステップ1:

すべてのプロジェクト{
リポジトリ {
メイヴン {
 URL 'file://D:/01.localMaven/' // ローカルまたはリモートの Maven リポジトリ
}
 }
 }

ステップ2:

依存関係 {
実装'com.huawei.har:mylibrary:1.0.1'  
 }

オープンソース コンポーネントの参照方法を学習したので、次にオープンソース コンポーネントのプロジェクト構造と開発手順を紹介します。

V. オープンソースコンポーネントのエンジニアリング構造開発手順

1. エンジニアリング構造

下の図に示すように、オープンソース コンポーネント プロジェクト ディレクトリは、ビルド ディレクトリ、libs 依存ライブラリ ディレクトリ、src ソース コード ディレクトリ、ビルド スクリプトに分かれており、わかりやすくなっています。

2. 開発手順

下図に示すように、開発者はHarmonyOSのDevEco Studioツールを使用してコンポーネントを開発できます。「ファイル」→「新規」→「モジュール」をクリックし、指定されたテンプレートを開くと、コンポーネントのディレクトリ構造が自動的に生成されます。

DevEco Studioのダウンロードリンク:

https://developer.harmonyos.com/cn/develop/deveco-studio#download

このオープンソースコンポーネントの紹介はこれで終わりです。開発者の皆様は、オープンソースコミュニティにアクセスして、ぜひ参考にしたり、使用したりしてください。

同時に、開発者の皆様には、使用中にコンポーネントを継続的に補足・改善していただくようお願いいたします。より多くの開発者の皆様がオープンソースコンポーネントに貢献し、HarmonyOSエコシステムの強化にご協力いただけることを期待しています。

詳細については、以下をご覧ください。

51CTOとHuaweiが共同で構築したHarmonyOSテクノロジーコミュニティ。

https://harmonyos..com