子ビュー

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

• 子ビュー
  • 関連トピック

子ビューは、親と同じ動作とUIコンポーネントを表示しますが、UIコンポーネントの外観と位置を変更できます。 UIコンポーネントを追加または削除することはできません。 子ビューは、独自のレイアウトXMLファイルで視覚的な変更を指定します。親のViewクラスとScreenletクラスを継承します。 親はフルビューである必要があります。

ここで説明する子ビューは、 ログインスクリーンレットの デフォルトビューと同じUIコンポーネントを表示しますが、よりコンパクトなレイアウトを使用します。

次の手順に従って、子ビューを作成できます。

1. ビューのスクリーンレットとその使用目的にちなんだ名前の新しいレイアウトXMLファイルを作成します。 UIの構築を開始する良い方法は、親のレイアウトXMLファイルを複製し、テンプレートとして使用することです。 ただし、UIの構築を開始する場合は、親ビューの完全修飾クラス名に基づいてルート要素に名前を付け、同じIDで親のUIコンポーネントを指定します。

   この例では、子ビューのレイアウトファイル login_compact.xml は、親のレイアウトファイル login_default.xmlログインスクリーンレットのデフォルトビューのレイアウトに似ています。 子ビューの名前 コンパクト は、そのユースケースを説明しています。スクリーンレットのコンポーネントをよりコンパクトなレイアウトで表示します。 EditText および Button コンポーネントのIDは、親ビューのIDと一致します。 そのルート要素は、親Viewクラスの完全修飾名を使用します。

   <?xml version="1.0" encoding="utf-8"?>
   <com.liferay.mobile.screens.viewsets.defaultviews.auth.login.LoginView
       xmlns:android="http://schemas.android.com/apk/res/android"
       style="@style/default_screenlet">
   
       <EditText
           android:id="@+id/liferay_login"
           style="@style/default_edit_text"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_marginBottom="15dp"
           android:drawableLeft="@drawable/default_mail_icon"
           android:hint="@string/email_address"
           android:inputType="text" />
   
       <EditText
           android:id="@+id/liferay_password"
           style="@style/default_edit_text"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_marginBottom="15dp"
           android:drawableLeft="@drawable/default_lock_icon"
           android:hint="@string/password"
           android:inputType="textPassword" />
   
       <Button
           android:id="@+id/liferay_login_button"
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           style="@style/default_button"
           android:text="@string/sign_in" />
   
   </com.liferay.mobile.screens.viewsets.defaultviews.auth.login.LoginView>
   

   GitHub、画面のデフォルトビューの他のレイアウトを参照できます。

2. 新しいレイアウトの名前を liferay：layoutId 属性の値として使用して、アクティビティまたはフラグメントのいずれかにビューのスクリーンレットを挿入します。 たとえば、新しい login_compact レイアウトを使用するには、アクティビティまたはフラグメントに LoginScreenlet を挿入し、 liferay：layoutId = "@ layout / login_compact"ます。

調べるべきもう1つの良い子ビューレイアウトファイルは sign_up_material.xmlです。 サインアップスクリーンレットのデフォルトビューと同じUIコンポーネントと機能を提供しますが、Androidのマテリアルデザインを使用し 。

関連トピック

テーマ別のビュー

拡張ビュー

全景

ビューをパッケージ化する

« テーマ別のビュー拡張ビュー »