Android UI--ViewPager扩展Tab标签指示

android:layout_weight=“1.0”

android:gravity=“center”

android:text="特性3 "

android:textSize=“18sp”/>

<TextView

android:id=“@+id/tv_guid4”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_weight=“1.0”

android:gravity=“center”

android:text=“特性4”

android:textSize=“18sp”/>

<ImageView

android:id=“@+id/cursor”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_below=“@+id/ll_viewpager”

android:scaleType=“matrix”

android:src=“@drawable/cursor” />

<android.support.v4.view.ViewPager

android:id=“@+id/viewpager”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_below=“@+id/cursor”

android:flipInterval=“30”

android:persistentDrawingCache=“animation” />

每一个标签页的布局

<?xml version="1.0" encoding="UTF-8"?>

<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:background=“@drawable/guide_1” >

其他都一样，不多贴

布局搞定之后，定义一个适配器如下：

package com.wwj.viewpager;

import java.util.List;

import android.support.v4.view.PagerAdapter;

import android.view.View;

import android.view.ViewGroup;

/**

• ViewPager适配器

• @author wwj

*/

public class ViewPagerAdapter extends PagerAdapter {

// 界面列表

private List views;

public ViewPagerAdapter(List views) {

this.views = views;

}

@Override

public void destroyItem(ViewGroup container, int position, Object object) {

container.removeView(views.get(position));

}

@Override

public int getCount() {

if (views != null) {

return views.size();

}

return 0;

}

@Override

public Object instantiateItem(ViewGroup container, int position) {

container.addView(views.get(position)); // 把被点击的图片放入缓存中

return views.get(position); // 返回被点击图片对象

}

@Override

public boolean isViewFromObject(View arg0, Object arg1) {

return (arg0 == arg1);

}

}

适配器搞定之后，直接去Activity

package com.wwj.viewpager;

import java.util.ArrayList;

import java.util.List;

import android.app.Activity;

import android.graphics.BitmapFactory;

import android.graphics.Matrix;

import android.os.Bundle;

import android.support.v4.view.ViewPager;

import android.support.v4.view.ViewPager.OnPageChangeListener;

import android.util.DisplayMetrics;

import android.view.LayoutInflater;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.animation.Animation;

import android.view.animation.TranslateAnimation;

import android.widget.ImageView;

import android.widget.TextView;

import android.widget.Toast;

public class MainActivity extends Activity {

ViewPager viewPager;

ViewPagerAdapter pagerAdapter;

View view1, view2, view3, view4; // 页面

List views; // Tab页面列表

ImageView img_cursor; // 指示图片

TextView tv_guid1, tv_guid2, tv_guid3, tv_guid4; // 页卡头标

int offset = 0; // 偏移量

int currIndex = 0; // 当前页卡编号

int bmpW; // 图片宽度

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initImageView();

initTextView();

view1 = (View) findViewById(R.layout.viewpager1);

view2 = (View) findViewById(R.layout.viewpager2);

view3 = (View) findViewById(R.layout.viewpager3);

view4 = (View) findViewById(R.layout.viewpager4);

LayoutInflater inflater = LayoutInflater.from(this);

view1 = inflater.inflate(R.layout.viewpager1, null);

view2 = inflater.inflate(R.layout.viewpager2, null);

view3 = inflater.inflate(R.layout.viewpager3, null);

view4 = inflater.inflate(R.layout.viewpager4, null);

views = new ArrayList();

views.add(view1);

views.add(view2);

views.add(view3);

views.add(view4);

pagerAdapter = new ViewPagerAdapter(views);

viewPager = (ViewPager) findViewById(R.id.viewpager);

viewPager.setAdapter(pagerAdapter);

viewPager.setCurrentItem(0);

viewPager.setOnPageChangeListener(new MyOnPageChangeListener());

}

/**

• 初始化动画图片

*/

private void initImageView() {

img_cursor = (ImageView) findViewById(R.id.cursor);

bmpW = BitmapFactory.decodeResource(getResources(), R.drawable.cursor)

.getWidth();

DisplayMetrics dm = new DisplayMetrics();

this.getWindowManager().getDefaultDisplay().getMetrics(dm);

int screenW = dm.widthPixels; // 获取手机屏幕宽度分辨率

offset = (screenW / 4 - bmpW) / 2; // 获取图片偏移量

// imageview设置平移，使下划线平移到初始位置（平移一个offset）

Matrix matrix = new Matrix();

matrix.postTranslate(offset, 0);

img_cursor.setImageMatrix(matrix);

}

/**

• 初始化TextView控件，和注册监听器

*/

private void initTextView() {

tv_guid1 = (TextView) findViewById(R.id.tv_guid1);

tv_guid2 = (TextView) findViewById(R.id.tv_guid2);

tv_guid3 = (TextView) findViewById(R.id.tv_guid3);

学习分享

在当下这个信息共享的时代，很多资源都可以在网络上找到，只取决于你愿不愿意找或是找的方法对不对了

很多朋友不是没有资料，大多都是有几十上百个G，但是杂乱无章，不知道怎么看从哪看起，甚至是看后就忘

如果大家觉得自己在网上找的资料非常杂乱、不成体系的话，我也分享一套给大家，比较系统，我平常自己也会经常研读。

2021最新上万页的大厂面试真题

七大模块学习资料：如NDK模块开发、Android框架体系架构…

只有系统，有方向的学习，才能在段时间内迅速提高自己的技术。

这份体系学习笔记，适应人群：
**第一，**学习知识比较碎片化，没有合理的学习路线与进阶方向。
**第二，**开发几年，不知道如何进阶更进一步，比较迷茫。
**第三，**到了合适的年纪，后续不知道该如何发展，转型管理，还是加强技术研究。

由于文章内容比较多，篇幅不允许，部分未展示内容以截图方式展示 。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

段时间内迅速提高自己的技术。

这份体系学习笔记，适应人群：
**第一，**学习知识比较碎片化，没有合理的学习路线与进阶方向。
**第二，**开发几年，不知道如何进阶更进一步，比较迷茫。
**第三，**到了合适的年纪，后续不知道该如何发展，转型管理，还是加强技术研究。

由于文章内容比较多，篇幅不允许，部分未展示内容以截图方式展示 。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！