布局代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:id="@+id/device_caoyang_container"
        android:orientation="vertical"
        android:layout_gravity="right"
        android:layout_marginTop="100dp"
        android:layout_width="300dp"
        android:layout_height="340dp">
        <LinearLayout
            android:orientation="horizontal"
            android:background="@color/royalblue"
            android:layout_width="match_parent"
            android:layout_height="40dp">
            <ImageView
                android:id="@+id/device_caoyang_close"
                android:src="@mipmap/btn_close"
                android:layout_gravity="center"
                android:layout_width="30dp"
                android:layout_height="30dp"/>
            <TextView
                android:textColor="@color/white"
                android:text="曹杨三村219号"
                android:gravity="center"
                android:layout_width="260dp"
                android:layout_height="40dp"/>
        </LinearLayout>

        <net.lucode.hackware.magicindicator.MagicIndicator
            android:id="@+id/device_caoyang_indicator"
            android:background="@color/skyblue"
            android:layout_width="match_parent"
            android:scrollbars="none"
            android:layout_height="40dp"/>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/device_caoyang_list"
            android:background="@color/aliceblue"
            android:layout_width="match_parent"
            android:layout_height="260dp"/>

    </LinearLayout>

</LinearLayout>

整体布局使用LinearLayout,布局效果图如下

MainActiviy源代码仅添加MagicIndicator未做绑定ViewPager

if (mCaoyanglistview == null) {
   mCaoyanglistview = View.inflate(MainActivity.this,R.layout.device_caoyang_list,null);
   mFrameLayout.addView(mCaoyanglistview);
}
mDevicecycontainer = mCaoyanglistview.findViewById(R.id.device_caoyang_container);

mMagicIndicator = mCaoyanglistview.findViewById(R.id.device_caoyang_indicator);
mIndicatorAdapter = new IndicatorAdapter(this);
CommonNavigator commonNavigator = new CommonNavigator(this);
commonNavigator.setAdjustMode(true);
commonNavigator.setAdapter(mIndicatorAdapter);
mMagicIndicator.setNavigator(commonNavigator);

IndicatorAdapter是直接copy喜马拉雅Demo里面的代码，仅修改了Strings[]资源

运行效果图