ホームページ  >  記事  >  バックエンド開発  >  Android UIコントロールシリーズ:Tab Layout(タブレイアウト)

Android UIコントロールシリーズ:Tab Layout(タブレイアウト)

黄舟
黄舟オリジナル
2017-01-19 10:08:152066ブラウズ

タブ UI を作成するには、TabHost と TabWidget を使用する必要があります。TabHost は、タブを表示する TabWidget とオプションのコンテンツを表示する FrameLayout を含むレイアウト ファイルのルート ノードである必要があります

use タブのコンテンツを 1 つまたは 2 つの方法で実装します。タブを使用して 1 つのアクティビティ内のビューを切り替えるか、タブを使用してすべての個別のアクティビティを変更します。必要に応じてプログラム内で必要なメソッドを使用しますが、各タブが固有のユーザー アクティビティを提供する場合は、タブごとに個別のアクティビティを実装するのが理にかなっているため、それを実行することをお勧めします。多数のアプリケーション ファイルやレイアウト ファイルを使用するのではなく、個別のグループでアプリケーションを管理します。

この例では、個々のアクティビティごとにタブを作成することでタブ UI を作成できます

1. まず、プロジェクト内に ArtistsActivity、AlbumsActivity、SongsActivity という 3 つの独立したアクティビティ プログラムを作成します。それぞれが個別のタブを表します。次に、TextView を使用して、次のような簡単なメッセージをプログラムごとに表示します。この例では必要ないことに注意してください。レイアウト ファイルの場合は、TextView を作成して割り当てるだけです。テキストの値。同様のアクティビティを 3 つ繰り返し、カードが選択されているときとタブが選択されていないときに AndroidManifest に登録します。一般的なデザインでは、



など、選択されている場合は灰色、選択されていない場合は白を使用することをお勧めします。これらの 2 つの画像を実験用にコピーできますAndroid UIコントロールシリーズ:Tab Layout(タブレイアウト)

次に、状態の画像リストを作成して、異なる画像で指定された画像を指定します各タブの状態

Android UIコントロールシリーズ:Tab Layout(タブレイアウト)①放尿画像を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);  
        }  
}

上記ファイルは、タブが変更されると、タブは 2 つの定義された画像間で自動的に切り替わります

4. res/layout/main.xml ファイルを開き、次の情報を挿入します
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);  
    }  
}

実行結果:



上記は Android UI コントロール シリーズ: Tab Layout (タブ レイアウト) の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) を参照してください。 )!

Android UIコントロールシリーズ:Tab Layout(タブレイアウト)

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。