如何添加在标签栏的图标线

Question

这是我的TabBar例子，我想补充的布局如下：

：在这样的图像中的每个图标的左侧，右侧，顶部和底部线

目前我的屏幕是这样的：

我完整的代码下面，我怎么上的每个图标添加行？

public class TabSample extends TabActivity { 
/** Called when the activity is first created. */ 

public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 
    setTabs() ; 
} 
private void setTabs() 
{ 
    addTab("payments", R.drawable.tab_home, ArrowsActivity.class); 
    addTab("My Account", R.drawable.tab_home, ArrowsActivity.class); 

    addTab("Spend Analyzer", R.drawable.tab_home, ArrowsActivity.class); 
    addTab("Notification", R.drawable.tab_home, ArrowsActivity.class); 
    addTab("Help", R.drawable.tab_home, ArrowsActivity.class); 
} 

private void addTab(String labelId, int drawableId, Class<?> c) 
{ 
    TabHost tabHost = getTabHost(); 
    Intent intent = new Intent(this, c); 
    TabHost.TabSpec spec = tabHost.newTabSpec("tab" + labelId); 

    View tabIndicator = 
    LayoutInflater.from(this).inflate(R.layout.tab_indicator, getTabWidget(), false); 
    TextView title = (TextView) tabIndicator.findViewById(R.id.title); 
    title.setText(labelId); 
    ImageView icon = (ImageView) tabIndicator.findViewById(R.id.icon); 
    icon.setImageResource(drawableId); 

    spec.setIndicator(tabIndicator); 
    spec.setContent(intent); 
    tabHost.addTab(spec); 
} 
} 





      <------------ main.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:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 

    <FrameLayout android:id="@android:id/tabcontent" 
     android:layout_width="fill_parent" 
     android:layout_height="0dip" 
     android:layout_weight="1" /> 

    <TabWidget android:id="@android:id/tabs" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="0" /> 
</LinearLayout> 
    </TabHost> 

      <------------------- tab_home.xml----------------------> 



     <?xml version="1.0" encoding="utf-8"?> 

    <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
<item android:drawable="@drawable/user" 
    android:state_selected="true" /> 
<item android:drawable="@drawable/user_grey" /> 
    </selector> 




      <----------- tab_indicator.xml-------------------> 





      <?xml version="1.0" encoding="utf-8"?> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="0dip" 
android:layout_height="40dip"  
android:layout_weight="1" 
android:orientation="vertical" 



    android:padding="1dp"> 

<ImageView android:id="@+id/icon" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerHorizontal="true" 
    android:src="@drawable/icon" 

/> 

    <TextView android:id="@+id/title" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:textSize="8dp" 
    style="?android:attr/tabWidgetStyle" 
    />  
    </RelativeLayout> 



    <!----style.xml---------> 





      <?xml version="1.0" encoding="utf-8"?> 

<resources> 
<style name="app_theme" parent="android:Theme.NoTitleBar"> 

</style>  
    </resources> 

Answer 1

您可以在tab_indicator布局文件手动添加一行

您可以调整我下面的代码根据自己的需要：

例如：水平线

<View 
    android:layout_height="1dp" 
    android:id="@+id/line" 
    android:layout_width="fill_parent" 
     android:background="#0066CC" /> 

例如：立式line

<View 
    android:layout_height="7dp" 
    android:id="@+id/line" 
    android:layout_width="1dp" 
     android:background="#0066CC" /> 

Answer 2

ok..i just edit my new answer 

its working..so dont talk that it does nt add line btwn every image 

your tab_indicator.xml:-- 


<?xml version="1.0" encoding="utf-8"?> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="0dip" 
     android:layout_height="60dip" 
     android:background="#ffffff" 
     android:layout_weight="1" > 

    <View 
     android:id="@+id/line1" 
     android:layout_width="1dp" 
     android:layout_height="60dip" 
     android:background="#0066CC" /> 

    <TextView 
     android:id="@+id/title" 
     style="?android:attr/tabWidgetStyle" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_below="@+id/icon" 
     android:text="abc" 
     android:textSize="8dp" /> 

    <View 
     android:id="@+id/line3" 
     android:layout_width="fill_parent" 
     android:layout_height="1dp" 

     android:layout_toRightOf="@+id/line1" 
     android:background="#0066CC" /> 

    <View 
     android:id="@+id/line2" 
     android:layout_width="1dp" 
     android:layout_height="60dip" 
     android:layout_toRightOf="@+id/line3" 
     android:background="#0066CC" /> 

    <View 
     android:id="@+id/line4" 
     android:layout_width="fill_parent" 
     android:layout_height="1dp" 
    android:layout_alignParentBottom="true" 
     android:layout_toRightOf="@+id/line1" 
     android:background="#0066CC" /> 

    <ImageView 
     android:id="@+id/icon" 
     android:layout_width="wrap_content" 
     android:layout_height="30dip" 
     android:layout_centerHorizontal="true" 
     android:layout_centerVertical="true" 
     android:src="@drawable/icon" /> 

</RelativeLayout> 

首先尝试此代码..并根据您的需要进行更改。