# カテゴリリストスクリーン

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-c0055e61d7ec830cf51ecfcf00472a5d44a248d6%2FCategory%20List%20Screen.png?alt=media" alt=""><figcaption></figcaption></figure>

カテゴリリスト画面は、提供物が分割されている上位カテゴリを表示するために専用のページです。この画面には、サイドナビゲーションコンポーネント、画像コンポーネント、テキストコンポーネント、リストコンポーネント、およびボタンコンポーネントなど、いくつかのコンポーネントが含まれています。

### コンポーネント

### **サイドナビゲーション**

ユーザがナビゲートすることを意図している各画面にサイドナビゲーションが表示されるべきです。これは、ユーザが探している情報を見つけるのに役立ちます。この機能テンプレートでは、この画面で「クリニック」メニューアイテムが強調表示されていることに気づくでしょう。これは、ユーザがアプリ内のどこにいるかを示すためです。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-4371dbadc4fb7f4c1ef689a04ebd2da29a349e9e%2Fside%20navigation.png?alt=media" alt="" width="375"><figcaption></figcaption></figure>

ナビゲーションはプレーンテキストであり、Adalo Builder内のサイドパネルで更新できます。この場合、「クリニック」メニューアイテムはメニューアイテム2であり、設定は次のようになります。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-27d5d75fe89b0bb0571594fa796eb32a41370e65%2Factivemenu%20item.png?alt=media" alt="" width="367"><figcaption></figcaption></figure>

メニューアイテムはいずれもマジックテキストを使用しておらず、したがってデータベースを参照していませんが、「プロファイルセクション」はデータベースを参照しています。

{% hint style="info" %}
サイドナビゲーションコンポーネントの1つの画面で何かを変更する場合は、他の画面のサイドナビゲーションのすべてのインスタンスを変更する必要があります。これは、Mac上でCMD + C（コピー）およびCMD + V（貼り付け）を使用して行うことができます。
{% endhint %}

### **画像コンポーネント — メイン画像**

この画像コンポーネントはデータベースに接続されておらず、Adaloビルダー内で変更できます。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-0534ce2e27d32e47613438b6cbc74cd822dcd2d0%2Fmainimage.png?alt=media" alt=""><figcaption></figcaption></figure>

このコンポーネントの設定を変更しても、アプリの機能には影響しません。

### **テキストコンポーネント — 2つのコンポーネント**

このテキストコンポーネントはデータベースに接続されておらず、直接アプリの機能に影響を与えることなく編集およびスタイルを変更できます。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-c80e1b3f7c6611ab63431d15fda8da74367d070c%2Ftextcomponents.png?alt=media" alt="" width="375"><figcaption></figcaption></figure>

### **リスト — カテゴリリスト**

このコンポーネントはデータベースで制御されています。つまり、このリストはコレクション内にある情報を表示し、具体的にはカテゴリコレクション内の情報を表示します。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-06fee48feed79003f8887b83c3103f634a9b83bc%2Flist.png?alt=media" alt=""><figcaption></figcaption></figure>

このリストは、カテゴリコレクションから以下のプロパティを表示します：

* 名前
* 短い説明

また、カテゴリに関連付けられたクラスの数を「クラス」プロパティを通じて表示します。

**⚡ リストアクション**

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-7312efdc4bc7d9e3518f6cc9ad847779b5083537%2Faction.png?alt=media" alt="" width="355"><figcaption></figcaption></figure>

このリストには、「クラスリスト」画面へのリンクアクションが含まれています。

### **ボタンコンポーネント — 管理者ポータルボタン**

このボタンコンポーネントは、ユーザーコレクションのプロパティ「Is Admin?」の値がTRUEであるユーザーにのみ表示されます。これは表示設定を通じて行われます。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-74de2f63cae7db8078d8b7d47ca6f303745ab9a3%2Fadminportal.png?alt=media" alt="" width="359"><figcaption></figcaption></figure>

セットアップタブでは、ボタンの機能を変更せずに任意の変更ができます。

⚡ **ボタンアクション**

このボタンには、「管理者クリニック管理」画面へのリンクアクションが含まれています。
