10

アプリには ActionBar があり、ActionBar にはナビゲーション タブがあり、それぞれにテキストが含まれています。テキストに加えて、タブにアイコンを追加する必要があります。

正常に使用してアイコンを追加しましたActionBar.Tab.setIcon(drawable)が、アイコンがタブ テキストの左側に表示されます。

タブ アイコンをナビゲーション タブ テキストの上に移動するにはどうすればよいですか?

(私は ActionBarSherlock を使用していますが、これに対する解決策はネイティブおよび ABS 実装全体で機能すると考えています)

4

3 に答える 3

12

各タブにカスタム ビューを設定できます。

https://gist.github.com/3167287

PropositionListActivity.java

import com.actionbarsherlock.app.ActionBar;
import com.actionbarsherlock.app.ActionBar.Tab;
import com.actionbarsherlock.app.SherlockActivity;
import android.os.Bundle;
import android.app.Activity;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.ImageView;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.app.NavUtils;

public class PropositionListActivity extends SherlockActivity implements ActionBar.TabListener {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState); 

        setContentView(R.layout.proposition_list);

        getSupportActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

        createTab(R.layout.tab_to_opine, R.id.tab_to_opine_title, "Vou Opinar");
        createTab(R.layout.tab_opined, R.id.tab_opined_title, "Já Opinei");
        createTab(R.layout.tab_feedback, R.id.tab_feedback_title, "Feedback");
    }

    public void createTab(int view, int titleView, String title) {
        ActionBar.Tab tab = getSupportActionBar().newTab();
        tab.setTabListener(this);
        tab.setCustomView(view);
        getSupportActionBar().addTab(tab);

        ((TextView) findViewById(titleView)).setText(title);
    }
}

tab_to_opine.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/tab_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/tab_to_opine"
        android:background="@android:color/transparent" />

    <TextView
        android:id="@+id/tab_to_opine_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>
于 2012-07-24T01:20:22.590 に答える
1

styles.xml ファイルに追加できます。 <item name="android:drawableTop">@drawable/your_image.</item> これは、すべての画像を上部全体で同じにしたい場合に機能します。残念ながら、異なる画像を使用するタブに対してこれを行う方法はよくわかりません。

于 2012-04-20T12:19:11.180 に答える