这是现在的效果,下面是布局文件,先
四个按钮格式:
一个图片下面一个文字
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="0dp"
android:background="@android:color/white"
android:gravity="center_horizontal"
android:layout_weight="1"
android:addStatesFromChildren="true"
android:layout_height="wrap_content">
<!-- 27 dp -->
<ImageView
android:id="@+id/tab_image"
android:layout_width="27dp"
android:layout_marginTop="2dp"
android:adjustViewBounds="true"
android:contentDescription="@null"
android:layout_height="27dp"
/>
<TextView
android:id="@+id/tab_text"
android:layout_marginTop="2dp"
android:gravity="center_horizontal|bottom"
android:padding="2dp"
android:layout_width="wrap_content"
android:textColor="@color/tab_text_selector"
android:textSize="12sp"
android:layout_height="match_parent"
/>
</LinearLayout>
主界面布局:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MyActivity">
<com.w1520.xianledemo.IconTabPageIndicator
android:id="@+id/indicator"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
/>
<android.support.v4.view.ViewPager
android:id="@+id/view_pager"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@id/indicator"/>
</RelativeLayout>
目前的整体布局,加了actionbar之后,下面的按钮位置就变了
