新款builder仿照qq音乐HD版左侧fragment效果

1.效果图：

临时增加一下builder文件，这东西很新

apply plugin: 'com.android.application'

android {
    compileSdkVersion 29
    buildToolsVersion "28.0.3"
    defaultConfig {
        applicationId "com.example.administrator.testz"
        minSdkVersion 21
        targetSdkVersion 29
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    androidTestImplementation('com.android.support.test.espresso:espresso-core:2.2.2', {
        exclude group: 'com.android.support', module: 'support-annotations'
    })
    implementation 'androidx.appcompat:appcompat:1.0.2'
    implementation 'com.google.android.material:material:1.0.0'
    testImplementation 'junit:junit:4.12'
}

2.源码下载地址：https://github.com/wrs13634194612/QQMusicFragment

文件太多了，我这篇博客只是贴一下核心代码，需要源码的，请自行下载

3.主界面

package com.example.administrator.testz;


import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.view.Gravity;
import android.widget.Toast;


public class TextActivity extends AppCompatActivity implements VerticalTabLayout.OnTabSelectedListener {
    VerticalTabLayout vTabLayout;
    private ViewPager viewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);

        vTabLayout = (VerticalTabLayout) findViewById(R.id.tab_layout_4);
        viewPager=findViewById(R.id.myViewPager);

        for (int i = 0; i < 3; i++) {
            vTabLayout.addTab(vTabLayout.newTab().setText("界面 " + i).setIcon(R.drawable.ic_selector).setIconGravity(Gravity.LEFT));
        }
        vTabLayout.setOnTabSelectedListener(this);


         TabPagerAdapter tabPagerAdapter=new  TabPagerAdapter(getSupportFragmentManager(),3);
        viewPager.setAdapter(tabPagerAdapter);
    }

    @Override
    public void onTabSelected(VerticalTabLayout.Tab tab, int position) {
        //Toast.makeText(getApplicationContext(), "onTabSelected: " + position, Toast.LENGTH_SHORT).show();
        viewPager.setCurrentItem(position);
    }

    @Override
    public void onTabReleased(VerticalTabLayout.Tab tab, int position) {

    }


    private class TabPagerAdapter extends FragmentPagerAdapter {

        private int tabCount;

        public TabPagerAdapter(FragmentManager fm, int tabCount) {
            super(fm);
            this.tabCount=tabCount;
        }

        @Override
        public Fragment getItem(int i) {
            switch (i){
                case 0:
                    return  new ContactFragment();
                case 1:
                    return  new ContactHistoryFragment();
                case 2:
                    return  new FavoriteFragment();
            }
            return null;
        }

        @Override
        public int getCount() {
            return tabCount;
        }
    }
}

4.自定义的view：

package com.example.administrator.testz;

import android.annotation.TargetApi;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.os.Build;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.View;

/**
 * Created by qwang on 2016/8/12.
 */
public class TabItem extends View {

    private Drawable mIcon;
    private String mText;
    private int mIconGravity = Gravity.LEFT;
    private int mIconWidth;
    private int mIconHeight;

    public TabItem(Context context) {
        super(context);
        init(context, null);
    }

    public TabItem(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    public TabItem(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public TabItem(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init(context, attrs);
    }

    private void init(Context context, AttributeSet attrs) {
        if (attrs == null) {
            return;
        }
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.TabItem);
        mIcon = typedArray.getDrawable(R.styleable.TabItem_icon);
        mText = typedArray.getString(R.styleable.TabItem_text);
        mIconGravity = typedArray.getInt(R.styleable.TabItem_icon_Gravity, mIconGravity);
        mIconWidth = (int) typedArray.getDimension(R.styleable.TabItem_iconWidth, 0);
        mIconHeight = (int) typedArray.getDimension(R.styleable.TabItem_iconHeight, 0);
        typedArray.recycle();
    }

    public Drawable getIcon() {
        return mIcon;
    }

    public void setIcon(Drawable mIcon) {
        this.mIcon = mIcon;
    }

    public String getText() {
        return mText;
    }

    public void setText(String mText) {
        this.mText = mText;
    }

    public int getIconGravity() {
        return mIconGravity;
    }

    public int getIconHeight() {
        return mIconHeight;
    }

    public void setIconHeight(int mIconHeight) {
        this.mIconHeight = mIconHeight;
    }

    public int getIconWidth() {
        return mIconWidth;
    }

    public void setIconWidth(int mIconWidth) {
        this.mIconWidth = mIconWidth;
    }

    public void setIconGravity(int mIconGravity) {
        this.mIconGravity = mIconGravity;
    }
}

5.引用自定义控件布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white"
    android:orientation="horizontal">


    <com.example.administrator.testz.VerticalTabLayout
        android:id="@+id/tab_layout_4"
        android:layout_width="80dp"
        android:layout_height="match_parent"
        android:background="@drawable/blue_angle"
        app:tabHeight="30dp"
        app:tabIconPadding="8dp"
        app:tabIndicatorColor="@android:color/holo_green_dark"
        app:tabIndicatorCorners="15dp"
        app:tabPaddingRight="20dp"
        app:tabSelectedTextColor="@android:color/holo_red_dark"
        app:tabTextColor="#555555"
        app:tabTextSize="10dp"
        app:tabViewGravity="right" />


    <android.support.v4.view.ViewPager
        android:id="@+id/myViewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />



</LinearLayout>

end