Skip to content

Commit 9295176

Browse files
committed
添加一些简介
1 parent 7767b94 commit 9295176

File tree

1 file changed

+63
-49
lines changed

1 file changed

+63
-49
lines changed

README.md

+63-49
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,52 @@
11
ViewPagerIndicator
22
==================
33

4-
###1. 支持自定义tab样式
5-
###2. 支持自定义滑动块样式和位置
6-
###3. 支持自定义切换tab的过渡效果
7-
###4. 支持子界面的预加载和界面缓存
8-
###5. 支持设置界面是否可滑动
9-
###6. android:minSdkVersion="8" android:targetSdkVersion="25"
4+
### 1. 支持自定义tab样式
5+
### 2. 支持自定义滑动块样式和位置
6+
### 3. 支持自定义切换tab的过渡效果
7+
### 4. 支持子界面的预加载和界面缓存
8+
### 5. 支持设置界面是否可滑动
9+
### 6. android:minSdkVersion="8" android:targetSdkVersion="25"
1010

1111
###7.导入方式
12-
<1>gradle导入
12+
<1>gradle导入
1313

14-
compile 'com.shizhefei:ViewPagerIndicator:1.1.5'
15-
由于用到了v4和recyclerview所以也要导入他们
16-
compile 'com.android.support:support-v4:23.4.0'
17-
compile 'com.android.support:recyclerview-v7:23.4.0'
18-
<2>jar包方式导入
19-
Download Library [JAR](https://github.com/LuckyJayce/ViewPagerIndicator/releases)
14+
compile 'com.shizhefei:ViewPagerIndicator:1.1.6'
15+
由于用到了v4和recyclerview所以也要导入他们
16+
compile 'com.android.support:support-v4:23.4.0'
17+
compile 'com.android.support:recyclerview-v7:23.4.0'
18+
<2>jar包方式导入
19+
Download Library [JAR](https://github.com/LuckyJayce/ViewPagerIndicator/releases)
2020

21-
Download sample [Apk](https://github.com/LuckyJayce/ViewPagerIndicator/blob/master/raw/ViewPagerIndicator_Demo.apk?raw=true)
21+
Download sample [Apk](https://github.com/LuckyJayce/ViewPagerIndicator/blob/master/raw/ViewPagerIndicator_Demo.apk?raw=true)
2222

23-
###8.历史版本和更新信息
23+
###8.历史版本和更新信息
2424
https://github.com/LuckyJayce/ViewPagerIndicator/releases
2525

2626

2727

2828

29-
# 使用方法 #
29+
# 使用方法 #
3030
package com.shizhefei.indicator.guide;
31-
31+
3232
import android.os.Bundle;
3333
import android.support.v4.app.FragmentActivity;
3434
import android.support.v4.view.ViewPager;
3535
import android.view.LayoutInflater;
3636
import android.view.View;
3737
import android.view.ViewGroup;
3838
import android.view.ViewGroup.LayoutParams;
39-
39+
4040
import com.shizhefei.indicator.R;
4141
import com.shizhefei.view.indicator.Indicator;
4242
import com.shizhefei.view.indicator.IndicatorViewPager;
4343
import com.shizhefei.view.indicator.IndicatorViewPager.IndicatorPagerAdapter;
4444
import com.shizhefei.view.indicator.IndicatorViewPager.IndicatorViewPagerAdapter;
45-
45+
4646
public class GuideActivity extends FragmentActivity {
4747
private IndicatorViewPager indicatorViewPager;
4848
private LayoutInflater inflate;
49-
49+
5050
@Override
5151
protected void onCreate(Bundle arg0) {
5252
super.onCreate(arg0);
@@ -59,11 +59,11 @@ https://github.com/LuckyJayce/ViewPagerIndicator/releases
5959
// 设置indicatorViewPager的适配器
6060
indicatorViewPager.setAdapter(adapter);
6161
}
62-
62+
6363
private IndicatorPagerAdapter adapter = new IndicatorViewPagerAdapter() {
6464
private int[] images = { R.drawable.p1, R.drawable.p2, R.drawable.p3,
6565
R.drawable.p4 };
66-
66+
6767
/**
6868
* 获取tab
6969
*/
@@ -76,7 +76,7 @@ https://github.com/LuckyJayce/ViewPagerIndicator/releases
7676
}
7777
return convertView;
7878
}
79-
79+
8080
/**
8181
* 获取每一个界面
8282
*/
@@ -91,7 +91,7 @@ https://github.com/LuckyJayce/ViewPagerIndicator/releases
9191
convertView.setBackgroundResource(images[position]);
9292
return convertView;
9393
}
94-
94+
9595
/**
9696
* 获取界面数量
9797
*/
@@ -103,42 +103,56 @@ https://github.com/LuckyJayce/ViewPagerIndicator/releases
103103
}
104104

105105
# 效果图 #
106-
有了该类库你可以实现以下布局
106+
有了该类库你可以实现以下布局
107107
![image](https://github.com/LuckyJayce/ViewPagerIndicator/blob/master/raw/1.png)
108108
![image](https://github.com/LuckyJayce/ViewPagerIndicator/blob/master/raw/2.png)
109109
![image](https://github.com/LuckyJayce/ViewPagerIndicator/blob/master/raw/3.png)
110110
![image](https://github.com/LuckyJayce/ViewPagerIndicator/blob/master/raw/4.png)
111111
![image](https://github.com/LuckyJayce/ViewPagerIndicator/blob/master/raw/demo.gif)
112112
# 主要的类 #
113-
## 1.ViewPager ##
114-
这个版本以后 android-support-v4 可以用原生的了 没有重写ViewPager。
115-
原先重写的ViewPager的setPrepareNumber 用 Fragment继承于LazyFragment代替实现懒加载
116-
原先setCanScroll 转移到了 ViewPager的子类SViewPager上
113+
## 1.ViewPager ##
114+
这个版本以后 android-support-v4 可以用原生的了 没有重写ViewPager。
115+
原先重写的ViewPager的setPrepareNumber 用 Fragment继承于LazyFragment代替实现懒加载
116+
原先setCanScroll 转移到了 ViewPager的子类SViewPager上
117117

118118
2.使用LazyFragment来配合ViewPager的setOffscreenPageLimit进行懒加载界面和防止重新创建界面**
119119

120-
## 2.Indicator ##
120+
## 2.Indicator ##
121121
顾名思义是指示器的意思。有点像水平方向的listview 可以自定义item。
122-
123-
**Indicator**
124-
setCurrentItem(int item, boolean anim) 设置当前项
125-
setOnTransitionListener(OnTransitionListener onTransitionListener)设置tab过渡动画
126-
setOnItemSelectListener(OnItemSelectedListener onItemSelectedListener)设置tab切换监听
127-
setScrollBar(ScrollBar scrollBar)设置跟随tab滑动的滑动块
128-
129-
**1.FixedIndicatorView 主要用于固定大小来平均分配tab的情况。**
130-
setSplitMethod(int splitMethod) 设置tab分割方式,平均分割,wrap分割,比重分割
131-
setCenterView(View centerView, ViewGroup.LayoutParams layoutParams)设置显示在tab中心的View,用于实现新浪微博底部+号
122+
123+
**Indicator**
124+
setCurrentItem(int item, boolean anim) 设置当前项
125+
setOnTransitionListener(OnTransitionListener onTransitionListener)设置tab过渡动画
126+
setOnItemSelectListener(OnItemSelectedListener onItemSelectedListener)设置tab切换监听
127+
setScrollBar(ScrollBar scrollBar)设置跟随tab滑动的滑动块
128+
129+
**1.FixedIndicatorView 主要用于固定大小来平均分配tab的情况。**
130+
setSplitMethod(int splitMethod) 设置tab分割方式,平均分割,wrap分割,比重分割
131+
setCenterView(View centerView, ViewGroup.LayoutParams layoutParams)设置显示在tab中心的View,用于实现新浪微博底部+号
132132
getCenterView();
133-
134-
**2.ScrollIndicatorView 主要用于多个tab可以进行滑动。**
135-
setSplitAuto(boolean splitAuto) 设置是否自动分割,当总tab宽度小于Indicator宽度就平均分割tab,或者比重分割。大于Indicator宽度就wrap分割
136-
setPinnedTabView(boolean isPinnedTabView) 设置是否固定第一个tab
137-
setPinnedShadow(Drawable shadowDrawable, int shadowWidth)设置固定tab的阴影
138-
139-
**3.RecyclerIndicatorView 主要用于无数个tab可以进行滑动。**
140-
优点适用于tab很多的情况,缺点tab少的时候没有ScrollIndicatorVie的自动分割功能。
141-
133+
134+
**2.ScrollIndicatorView 主要用于多个tab可以进行滑动。**
135+
setSplitAuto(boolean splitAuto) 设置是否自动分割,当总tab宽度小于Indicator宽度就平均分割tab,或者比重分割。大于Indicator宽度就wrap分割
136+
setPinnedTabView(boolean isPinnedTabView) 设置是否固定第一个tab
137+
setPinnedShadow(Drawable shadowDrawable, int shadowWidth)设置固定tab的阴影
138+
139+
**3.RecyclerIndicatorView 主要用于无数个tab可以进行滑动。**
140+
优点适用于tab很多的情况,缺点tab少的时候没有ScrollIndicatorVie的自动分割功能。
141+
142+
方法:
143+
>**<1>setAdapter(IndicatorAdapter adapter)**
144+
设置适配器
145+
注意:在使用indicatorViewPager后这个方法会被indicatorViewPager使用
146+
**<2> setOnItemSelectListener(OnItemSelectListener listener)**
147+
设置选中监听
148+
注意:在使用indicatorViewPager后这个方法会被indicatorViewPager使用
149+
**<3> setOnIndicatorItemClickListener(OnIndicatorItemClickListener listener)**
150+
设置Indicator tab项的点击事件,在Indicator 的 onItemSelectListener前触发和拦截处理
151+
**<4> setOnTransitionListener(OnTransitionListener listener)**
152+
设置滑动变化的转换监听,tab在切换过程中会调用此监听
153+
设置它可以自定义实现在滑动过程中,tab项的字体变化,颜色变化等等效果
154+
**<5> setScrollBar(ScrollBar scrollBar)**
155+
设置滑动块,设置它可以自定义滑动块的样式
142156
## 3.indicatorViewPager ##
143157
用于将ViewPager和Indicator 联合使用。
144158

0 commit comments

Comments
 (0)