Android标签图片不适合标签

时间:2013-07-03 09:23:12

标签: android tabs

我正在开发具有tab的android应用程序。我已经完成了实现,但我遇到了一个问题。图像不适合选项卡。

这是我的java代码:

import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;
import android.widget.TextView;

import com.tv.allies.FriendsScreen;
import com.tv.servercommunication.IServerResponse;
import com.tv.setting.SettingActivity;
import com.tv.socialgoal.R;
import com.tv.socialgoal.profile.ProfileScreen;
import com.tv.task.TaskListActivity;

@SuppressWarnings("deprecation")
public class TabViewActivity extends TabActivity implements IServerResponse{
    private static final String INBOX_SPEC = "Inbox";

    private static final String OUTBOX_SPEC = "Outbox";
    private static final String PROFILE_SPEC = "Profile";
    private static final String SETTING_SPEC = "Setting";

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        TabHost tabHost = getTabHost();
        tabHost.addTab(tabHost
                .newTabSpec("one")
                .setIndicator("",
                        getResources().getDrawable(R.drawable.missions_btn_up))
                        .setContent(
                                new Intent(this, TaskListActivity.class)
                                .addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP)));
        TabSpec outboxSpec = tabHost.newTabSpec(OUTBOX_SPEC);

        tabHost.addTab(tabHost
                .newTabSpec("two")
                .setIndicator("",
                        getResources().getDrawable(R.drawable.allies_btn_up))
                        .setContent(new Intent(this, FriendsScreen.class)));

        TabSpec setting = tabHost.newTabSpec(OUTBOX_SPEC);
        outboxSpec.setIndicator("",getResources().getDrawable(R.drawable.profile_btn_up));
        Intent outboxIntent = new Intent(this, ProfileScreen.class);
        outboxSpec.setContent(outboxIntent);

        // Profile Tab
        TabSpec profileSpec = tabHost.newTabSpec(PROFILE_SPEC);
        profileSpec.setIndicator("",getResources().getDrawable(R.drawable.settings_btn_up));
        Intent profileIntent = new Intent(this, SettingActivity.class);
        profileSpec.setContent(profileIntent);

        tabHost.addTab(outboxSpec); // Adding Outbox tab
        tabHost.addTab(profileSpec);
    }

    @Override
    public void serverResponse(String response, int processid) {
        // TODO Auto-generated method stub

    }

}

这是标签xml:

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" 
            android:background="#3399FF"/>

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" />
    </LinearLayout>

</TabHost>

以下是屏幕简短:

enter image description here

所有标签图像如何适合每个标签?

2 个答案:

答案 0 :(得分:2)

回答你的问题是一件棘手的事情。要根据您的要求设置选项卡背景和图像,您必须使用必须在选项卡上设置的自定义xml图像

1)对于标签背景: -

a)在drawable文件夹中创建一个xml,然后复制粘贴

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">    
    <item android:state_selected="true" android:drawable="@drawable/tab_bg_green" />
    <item android:drawable="@drawable/tab_bg_blue" />
</selector>

此xml与我们用于按钮的xml相同。在压态和正常状态下。 将此xml命名为tab_bg.xml

b)在你的java文件中,使用以下方法在tabhost的代码中使用以下方法,并在此方法中传递tabhost实例

public void setTabColor(TabHost tabhost) {
        for(int i=0;i<tabhost.getTabWidget().getChildCount();i++)
        {
            tabhost.getTabWidget().getChildAt(i).setBackgroundResource(R.drawable.tab_bg); //unselected
        }
    }

2)其次是标签图标: - 使用像

这样的xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- When selected, use grey -->
    <item android:drawable="@drawable/settings_btn_down"
          android:state_selected="true" />
    <!-- When not selected, use white-->
    <item android:drawable="@drawable/settings_btn_up" />
</selector>

将此xml命名为settings_tab_xml.xml。并在您的代码中

tabHost.addTab(tabHost
                .newTabSpec("two")
                .setIndicator("",
                        getResources().getDrawable(R.xml.settings_tab_xml))
                        .setContent(new Intent(this, FriendsScreen.class)));

如果这有助于您,请告诉我。

答案 1 :(得分:0)

根据分辨率

在标签中使用正确的图像

使用以下链接生成标签图片。[check this]