ホームページ >バックエンド開発 >PHPチュートリアル >Android UIコントロールシリーズ:Tab Layout(タブレイアウト)
タブ UI を作成するには、TabHost と TabWidget を使用する必要があります。TabHost は、タブを表示する TabWidget とオプションのコンテンツを表示する FrameLayout を含むレイアウト ファイルのルート ノードである必要があります
use タブのコンテンツを 1 つまたは 2 つの方法で実装します。タブを使用して 1 つのアクティビティ内のビューを切り替えるか、タブを使用してすべての個別のアクティビティを変更します。必要に応じてプログラム内で必要なメソッドを使用しますが、各タブが固有のユーザー アクティビティを提供する場合は、タブごとに個別のアクティビティを実装するのが理にかなっているため、それを実行することをお勧めします。多数のアプリケーション ファイルやレイアウト ファイルを使用するのではなく、個別のグループでアプリケーションを管理します。
この例では、個々のアクティビティごとにタブを作成することでタブ UI を作成できます
1. まず、プロジェクト内に ArtistsActivity、AlbumsActivity、SongsActivity という 3 つの独立したアクティビティ プログラムを作成します。それぞれが個別のタブを表します。次に、TextView を使用して、次のような簡単なメッセージをプログラムごとに表示します。この例では必要ないことに注意してください。レイアウト ファイルの場合は、TextView を作成して割り当てるだけです。テキストの値。同様のアクティビティを 3 つ繰り返し、カードが選択されているときとタブが選択されていないときに AndroidManifest に登録します。一般的なデザインでは、
など、選択されている場合は灰色、選択されていない場合は白を使用することをお勧めします。これらの 2 つの画像を実験用にコピーできます
次に、状態の画像リストを作成して、異なる画像で指定された画像を指定します各タブの状態①放尿画像をres/drawable/ディレクトリに保存
②res/drawable/ディレクトリにic_tab_artists.xmlというファイルを作成し、以下の情報を挿入
package org.hualang.tabwidget; import android.app.Activity; import android.os.Bundle; import android.widget.TextView; public class AlbumsActivity extends Activity { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); TextView textview = new TextView(this); textview.setText("This is the Albums tab"); setContentView(textview); } }
package org.hualang.tabwidget; import android.app.Activity; import android.os.Bundle; import android.widget.TextView; public class SongsActivity extends Activity { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); TextView textview = new TextView(this); textview.setText("This is the Songs tab"); setContentView(textview); } }
TabHost には TabWidget と FrameLayout のレイアウトが必要です。TabWidget と FrameLayout の位置を垂直方向にするために LinearLayout が必要で、FrameLayout はタブのコンテンツのそれぞれの場所にあります。空なのは、TahHost のアクティビティごとに自動的に埋め込まれるためです
TabWidget 要素と FrameLayout 要素の ID タグと tabcontent 要素、これらの名前は、TahHost がそれらの参照を取得するため、使用する必要があることに注意してください。これらの名前が予期されているのです
6. HelloTabWidgetを作成します。 TabWidget を継承
package org.hualang.tabwidget; import android.app.Activity; import android.os.Bundle; import android.widget.TextView; public class ArtistsActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); TextView textview = new TextView(this); textview.setText("This is the Artists tab"); setContentView(textview); } }