1

我在 android 中创建了一个仅显示图像的选项卡（不包含任何文本），我希望图像显示在选项卡的中心。有多个选项卡，每个选项卡都包含图像，但问题是图像是不显示在每个选项卡的中心。

这是我的xml

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_above="@android:id/tabs"
             />

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:background="#000000" >
        </TabWidget>
    </RelativeLayout>

</TabHost>

在代码中设置图像：

newsTab.setIndicator("",getResources().getDrawable(R.drawable.news)).setContent(
                new Intent(RestauActivity.this, NewsActivity.class));
4

1 回答 1

4

1)- 创建一个名为 report_tabs.xml 或您喜欢的任何名称的布局文件。

在 report_tabs 中使用此代码。

     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/layout_tabsLayout"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:background="@drawable/btn_selector"
     android:gravity="center"
     android:orientation="vertical"
     >

     <ImageView
     android:id="@+id/img_icon"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_gravity="center"
     android:layout_marginTop="3dp"
     />
    </LinearLayout>

2)- 并在您的活动中使用以下代码。

    Intent intent;
    tabhost = getTabHost();
    TabHost.TabSpec tabspec;
    intent = new Intent().setClass(getApplicationContext(),xxxxx.class);

    tabspec = tabhost.newTabSpec("First");
    view = LayoutInflater.from(this).inflate(R.layout.report_tabs,
tabhost.getTabWidget(), false);

    imgtabF = (ImageView) view.findViewById(R.id.img_icon);
    imgtabF.setBackgroundResource(R.drawable.tab_icon_selector);

    tabspec.setIndicator(view);
    tabspec.setContent(intent);
    tabhost.addTab(tabspec);

3)- 在 drawable 中创建一个名为 tab_icon_selector 的文件，用于更改选项卡上的图标单击，如下所示：-

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Non focused states -->
    <item android:state_focused="false" android:state_selected="false" 
          android:state_pressed="false" android:drawable="@drawable/medical_icon_unselect"    
     />
     <item android:state_focused="false" android:state_selected="true" 
     android:state_pressed="false" android:drawable="@drawable/medical_icon_sel" /> 
     <!-- Focused states -->
     <item android:state_focused="true" android:state_selected="false" 
     android:state_pressed="false" android:drawable="@drawable/medical_icon_sel" />
     <item android:state_focused="true" android:state_selected="true" 
     android:state_pressed="false" android:drawable="@drawable/medical_icon_sel" /> 
     <!-- Pressed -->
     <item android:state_pressed="true" android:drawable="@android:color/transparent"/> 
     </selector>

现在您可以创建自定义标签栏，您的图像图标将位于标签的中心。

于 2012-09-19T11:08:40.727 回答