Добавить разделитель в tablayout в android

Я использую в своем проекте tablayout, у меня всего две вкладки. и у меня нет окна просмотра. Я хочу добавить разделитель или разделитель между вкладками, как показано ниже.

Tab1 | Tab2

но в настоящее время он показывает как

Tab1  Tab2

Я уже проверил это но в этом случае они использовали пейджер просмотра. Как я уже сказал, у меня нет окна просмотра.

Вот мой код для tablayout

xml

<android.support.design.widget.TabLayout
    android:id="@+id/bTabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    android:layout_alignParentBottom="true"
    android:background="@color/feint_blue"
    app:tabIndicatorHeight="0dp"
    app:tabMode="fixed"
    app:tabSelectedTextColor="@color/button_text_color"
    app:tabIndicatorColor="@color/color_bottombar_tab_select"
    app:tabTextColor="@color/dark_gray"
    app:textAllCaps="false"
    app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"
    app:tabGravity="fill" />

java

        TabLayout bottomTab;

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {
           View rootView = inflater.inflate(R.layout.fragment, container, false);
           bottomTab = (TabLayout) rootView.findViewById(R.id.bTabs);

           bottomTab.addTab(bottomTab.newTab().setText("Tab 1"));
           bottomTab.addTab(bottomTab.newTab().setText("Tab 2"));
        }

Технически это то, что я наконец хочу.

введите здесь описание изображения

Как я могу этого добиться?


android android-tablayout
person Mithun Sarker Shuvro    schedule 04.08.2016    source источник
comment
Воспользуйтесь этой ссылкой, установите разделитель между вкладками   -  person HDehghani    schedule 04.08.2016

Ответы (1)


arrow_upward
2
arrow_downward

Сначала создайте собственный XML-файл для разделителя:

tab_layout.xml:

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

    <!-- Assign Tab title in below text view-->

   <TextView
        android:id="@+id/tab_title"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:textColor="@drawable/tab_item_selector"/>

     <!-- Create separator -->

     <View
         android:layout_width="1dp"
         android:layout_height="match_parent"
         android:layout_alignParentLeft="true"
         android:background="@android:color/black" />

 </RelativeLayout>

Теперь в коде вашего java файла, как показано ниже:

  for (int i = 0; i < bottomTab.getTabCount(); i++) {
       TabLayout.Tab tab = bottomTab.getTabAt(i);
       RelativeLayout relativeLayout = (RelativeLayout) 
       LayoutInflater.from(this).inflate(R.layout.tab_layout, bottomTab, false);

       TextView tabTextView = (TextView) relativeLayout.findViewById(R.id.tab_title);
       tabTextView.setText(tab.getText());
       tab.setCustomView(relativeLayout);
       tab.select();
  }

и добавьте строки ниже в тег tablayout:

    app:tabPaddingStart="0dp"
    app:tabPaddingEnd="0dp"

tab_item_seletor.xml:

 <?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_selected="true" android:color="@color/abc_primary_text_material_dark" />
     <item android:state_focused="true" android:color="@color/abc_primary_text_material_dark" />
     <item android:state_pressed="true" android:color="@color/abc_primary_text_material_dark" />
    <item android:color="@color/abc_secondary_text_material_dark" />
 </selector>
person Bhunnu Baba    schedule 04.08.2016
comment
Спасибо, но он всегда устанавливает вторую выбранную вкладку, как можно установить первую выбранную вкладку изначально - person Mithun Sarker Shuvro; 04.08.2016
comment
вы можете сделать это из своего класса адаптера пейджера. Задайте фрагмент, который вы хотите установить первым в случае 0 в операторе switch case. - person Bhunnu Baba; 06.08.2016