像Wanelo購物應用程序中的自定義選項卡樣式Android

任何人都可以請指導，如何在附加圖像中實現這種選項卡樣式，我已經在許多選項卡樣式，但沒有得到這一個。像Wanelo購物應用程序中的自定義選項卡樣式Android

enter image description here

更新：

我怎麼做的@PRAVIN： theme.xml在res /文件夾值

<style name="CustomActionBarTheme2" parent="@android:style/Theme.Holo"> 
    <item name="android:actionBarItemBackground">@drawable/selectable_background_example</item> 
    <item name="android:actionBarTabStyle">@style/MyActionBarTab</item> 
    <item name="android:actionBarStyle">@style/ActionBar.Solid.Example</item> 
</style> 

<!-- ActionBar tabs styles --> 
<style name="MyActionBarTab" parent="@android:style/Widget.Holo.Light.ActionBar.TabView"> 
    <item name="android:background">@drawable/actionbar_tab_indicator</item> <!-- actionbar_tab_indicator --> 
    <item name="android:showDividers">none</item> 
    <item name="android:paddingLeft">20dp</item> 
    <item name="android:paddingRight">20dp</item>

在我的主要活動：

private String[] tabs = { "Tab1", "Tab2", "tab3","Tab4" }; 

getActionBar().setDisplayShowTitleEnabled(false); 

    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); 

    // Adding Tabs 
    for (String tab_name : tabs) { 
     if(tab_name.equals("Tab1")){ 
     actionBar.addTab(actionBar.newTab().setIcon(R.drawable.tab_home) 
       .setTabListener(this)); 
     } else if(tab_name.equals("Tab2")){ 
      actionBar.addTab(actionBar.newTab().setIcon(R.drawable.tab_search) 
        .setTabListener(this)); 
     }else if(tab_name.equals("Tab3")){ 
      actionBar.addTab(actionBar.newTab().setIcon(R.drawable.tab_home) 
        .setTabListener(this)); 
     }else if(tab_name.equals("Tab4")){ 
      actionBar.addTab(actionBar.newTab().setIcon(R.drawable.tab_search) 
        .setTabListener(this)); 
     } 
    }

最後我將自定義主題添加到我的活動

<activity 
     android:name="aimviz.omi.shoppingcartapp.MainActivity" 
     android:theme="@style/CustomActionBarTheme2" />

任何方式我無法刪除分隔線，但代碼的作品。謝謝@PRAVIN。

來源

2013-12-19 Omama

此鏈接可能會有助於您在Android中實現Tab到操作欄中[Tab in action bar]（http://sunil-android.blogspot.in/2013/08/actionbar-tab-navigation- in-android.html） –

感謝@ManishPatel！但我已經在鏈接中實現了這種風格。我擔心附帶的圖片。 – Omama

以下網址幫了我很多：
Iphone like tabbar in android
的修改是隻在繪製XML文件按照您的需求變化。
通過自定義操作欄標籤：
custom_tab_layout.xml 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_title" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" /> 

</LinearLayout>

守則活動： 在的onCreate（）

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

    ...... 

    getActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); 

    createNewTab(R.layout.custom_tab_layout, "My Tab"); 
    ......//TODO add more tabs 
} 

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

    TextView Title=(TextView)view.findViewById(R.id.tab_title) 
    Title.setText(title); 
}

因此使用這行代碼可以實現自定義操作b ar選項卡

來源

2013-12-19 06:32:10 Pravin

謝謝@PRAVIN。你的回答非常重要。但是讓我看看如何通過操作欄選項卡實現這種定製。當我回來時，我一定會將你的答案標記爲有用:) – Omama

像Wanelo購物應用程序中的自定義選項卡樣式Android

回答

相關問題