Repository: mtjsoft/GridPager
Branch: androidx
Commit: bc607ffc5024
Files: 57
Total size: 146.9 KB
Directory structure:
gitextract_xcpdq6qb/
├── .gitignore
├── .idea/
│ ├── codeStyles/
│ │ └── Project.xml
│ ├── gradle.xml
│ ├── misc.xml
│ ├── runConfigurations.xml
│ └── vcs.xml
├── LICENSE
├── README.md
├── README_1.x.md
├── app/
│ ├── .gitignore
│ ├── build.gradle
│ ├── proguard-rules.pro
│ └── src/
│ ├── androidTest/
│ │ └── java/
│ │ └── cn/
│ │ └── mtjsoft/
│ │ └── www/
│ │ └── gridviewpager/
│ │ └── ExampleInstrumentedTest.java
│ ├── main/
│ │ ├── AndroidManifest.xml
│ │ ├── java/
│ │ │ └── cn/
│ │ │ └── mtjsoft/
│ │ │ └── www/
│ │ │ └── gridviewpager/
│ │ │ ├── CoordinatorActivity.java
│ │ │ ├── ListActivity.java
│ │ │ ├── ListAdapter.java
│ │ │ └── MainActivity.java
│ │ └── res/
│ │ ├── drawable/
│ │ │ ├── ic_arrow_white_24dp.xml
│ │ │ ├── ic_launcher_background.xml
│ │ │ └── ic_launcher_background_red.xml
│ │ ├── drawable-v24/
│ │ │ └── ic_launcher_foreground.xml
│ │ ├── layout/
│ │ │ ├── activity_coordinatorlayout.xml
│ │ │ ├── activity_list.xml
│ │ │ ├── activity_main.xml
│ │ │ └── item_text.xml
│ │ ├── mipmap-anydpi-v26/
│ │ │ ├── ic_launcher.xml
│ │ │ └── ic_launcher_round.xml
│ │ └── values/
│ │ ├── colors.xml
│ │ ├── strings.xml
│ │ └── styles.xml
│ └── test/
│ └── java/
│ └── cn/
│ └── mtjsoft/
│ └── www/
│ └── gridviewpager/
│ └── ExampleUnitTest.java
├── build.gradle
├── gradle/
│ └── wrapper/
│ ├── gradle-wrapper.jar
│ └── gradle-wrapper.properties
├── gradle.properties
├── gradlew
├── gradlew.bat
├── gridviewpager_recycleview/
│ ├── .gitignore
│ ├── build.gradle
│ ├── proguard-rules.pro
│ └── src/
│ ├── androidTest/
│ │ └── java/
│ │ └── cn/
│ │ └── mtjsoft/
│ │ └── www/
│ │ └── gridviewpager_recycleview/
│ │ └── ExampleInstrumentedTest.java
│ ├── main/
│ │ ├── AndroidManifest.xml
│ │ ├── java/
│ │ │ └── cn/
│ │ │ └── mtjsoft/
│ │ │ └── www/
│ │ │ └── gridviewpager_recycleview/
│ │ │ ├── GridViewPager.java
│ │ │ ├── transformer/
│ │ │ │ ├── CoverPageTransformer.java
│ │ │ │ ├── GalleryPageTransformer.java
│ │ │ │ └── TopOrDownPageTransformer.java
│ │ │ └── view/
│ │ │ ├── AndDensityUtils.java
│ │ │ └── AndSelectCircleView.java
│ │ └── res/
│ │ ├── layout/
│ │ │ ├── gridpager_item.xml
│ │ │ ├── gridpager_item_layout.xml
│ │ │ ├── gridpager_item_text.xml
│ │ │ └── gridpager_layout.xml
│ │ └── values/
│ │ ├── attrs.xml
│ │ └── strings.xml
│ └── test/
│ └── java/
│ └── cn/
│ └── mtjsoft/
│ └── www/
│ └── gridviewpager_recycleview/
│ └── ExampleUnitTest.java
└── settings.gradle
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
*.iml
.gradle
/local.properties
/.idea/caches/build_file_checksums.ser
/.idea/libraries
/.idea/modules.xml
/.idea/workspace.xml
.DS_Store
/build
/captures
.externalNativeBuild
================================================
FILE: .idea/codeStyles/Project.xml
================================================
.*:id
http://schemas.android.com/apk/res/android
.*:name
http://schemas.android.com/apk/res/android
.*
http://schemas.android.com/apk/res/android
ANDROID_ATTRIBUTE_ORDER
================================================
FILE: .idea/gradle.xml
================================================
================================================
FILE: .idea/misc.xml
================================================
================================================
FILE: .idea/runConfigurations.xml
================================================
================================================
FILE: .idea/vcs.xml
================================================
================================================
FILE: LICENSE
================================================
Apache License
Version 2.0, January 2004
http://www.apache.org/licenses/
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions.
"License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.
"Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation,
and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a
copyright notice that is included in or attached to the work
(an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate
as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You
meet the following conditions:
(a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices
stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of
the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed
as modifying the License.
You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a
result of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS
APPENDIX: How to apply the Apache License to your work.
To apply the Apache License to your work, attach the following
boilerplate notice, with the fields enclosed by brackets "[]"
replaced with your own identifying information. (Don't include
the brackets!) The text should be enclosed in the appropriate
comment syntax for the file format. We also recommend that a
file or class name and description of purpose be included on the
same "printed page" as the copyright notice for easier
identification within third-party archives.
Copyright 2019-2021 mtjsoft
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
================================================
FILE: README.md
================================================
# GridViewPager3.x
GridViewPager3.0组件:采用RecycleView + FlexBoxLayout + PagerSnapHelper实现方式,轻松实现类似美团首页分类多页展示。也可用于表情面板的展示。
链式调用,属性配置,几行代码轻松搞定。
v3.3.0 开始采用 viewpager2 + FlexBoxLayout 实现
① 应用的首页经常需要用到这样的分类**多页展示**的效果,还有些消息输入框需要这样的**表情面板**。
② 既然是常用的,作为懒惰的我,肯定不会每次都去写一遍。网上也找了很多类似的例子,但始终不是我想要的**简洁接入**使用的方式。要么就是加载图片有限制,要么就是样式限制的太死,还得改源码,我不喜欢,我得造一个轮子。。。必须封装一个简单好用的组件,做到几行代码就可实现效果才行。于是乎,**GridViewPager组件**就诞生了。
# GridViewPager组件效果

# 内置了3个覆盖翻页的效果(这是其中一)

# 如何使用GridViewPager组件
# 1、在根目录 build.gradle 添加:
```
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
```
# 2、在app项目下的build.gradle中添加:
[](https://jitpack.io/#mtjsoft/GridPager)
```
dependencies {
implementation 'com.github.mtjsoft:GridPager:v3.7.0'
}
```
# 3、在需要使用的布局xml中添加GridViewPager组件,根据需要设置相关属性
```
```
# 4、GridViewPager组件的版本及属性说明
V3.7.0
--------------------------
新增方法 setAlignContent() 设置Item行的对齐方式。等同FLEX布局的AlignContent,可设置以下6个值:
```
AlignContent.FLEX_START //(默认值)
AlignContent.FLEX_END
AlignContent.CENTER
AlignContent.SPACE_BETWEEN
AlignContent.SPACE_AROUND
AlignContent.STRETCH
```
新增属性 | 属性说明
------------- | -------------
text_is_show | 是否需要显示文本,默认true显示(一般作为表情面板时,可以直接设置false不显示)。也可通过方法setIsShowText()设置
V3.6.0
--------------------------
新增方法 setGridItemLongClickListener() 设置Item长按监听
3.6.0 新增属性 | 属性说明
------------- | -------------
pager_loop | 是否开启无限循环滑动 默认 false 不开启
V3.5.0
--------------------------
修复已知问题
新增 setTopOrDownPageTransformer(TopOrDownPageTransformer.ModeType.MODE_DOWN)方法,设置内置的上下进入翻页效果
新增 setGalleryPageTransformer()方法,设置内置的画廊翻页效果
V3.4.0
--------------------------
修复已知问题
新增 setCoverPageTransformer()方法,设置内置的覆盖渐变翻页效果
新增 setCustomPageTransformer()方法,用于设置自定义的翻页效果
V3.3.0
--------------------------
更换 viewpager2 + FlexBoxLayout 实现
V3.2.0
--------------------------
修复已知问题
V3.1.0
--------------------------
修复布局设置margin显示不全的问题
V3.0.0
--------------------------
3.0.0 属性 | 属性说明
------------- | -------------
pager_MarginTop | 设置每页的上边距 默认10dp 单位dp
pager_MarginBottom | 设置每页的下边距 默认10dp 单位dp
verticalSpacing | 设置item的纵向间距 默认10dp 单位dp
img_width | 设置图片宽度 默认50dp 单位dp
img_height | 设置图片高度 默认50dp 单位dp
text_color | 设置文字颜色 默认黑色
imgtext_margin | 设置文字与图片的间距 默认5dp 单位dp
text_size | 设置文字大小 默认10sp 单位sp
row_count | 设置每页行数 默认2
column_count | 设置每页列数 默认4
point_is_show | 是否展示指示器,默认true展示
point_width | 设置指示器的item宽度 默认8dp 单位dp
point_height | 设置指示器的item高度 默认8dp 单位dp
point_margin | 设置指示器的item的间距 默认8dp 单位dp
point_normal_color | 指示器item未选中的颜色 默认灰色
point_select_color | 指示器item选中的颜色 默认红色
point_is_circle | 指示器的item是否为圆形,默认圆形直径取宽高的最小值
point_margin_page | 设置指示器与page的间距,默认是verticalSpacing的值
point_margin_bottom | 设置指示器与底部的间距,默认是verticalSpacing的值
background_color | 设置组件背景颜色,默认白色
notifyItemChanged(int position) | 刷新指定页数据
# 5、代码实现。链式调用,只需要设置总数量即可。数据绑定完全自定义,不受任何图片加载框架限制,更加自由。
```
GridViewPager gridViewPager = findViewById(R.id.gridviewpager);
gridViewPager
// 设置数据总数量
.setDataAllCount(titles.length)
// 设置背景图片(此时设置的背景色无效,以背景图片为主)
.setBackgroundImageLoader(new GridViewPager.BackgroundImageLoaderInterface() {
@Override
public void setBackgroundImg(ImageView bgImageView) {
bgImageView.setImageResource(R.drawable.ic_launcher_background);
}
})
// 数据绑定
.setImageTextLoaderInterface(new GridViewPager.ImageTextLoaderInterface() {
@Override
public void displayImageText(ImageView imageView, TextView textView, int position) {
// 自己进行数据的绑定,灵活度更高,不受任何限制
imageView.setImageResource(iconS[position]);
textView.setText(titles[position]);
}
})
// Item点击
.setGridItemClickListener(new GridViewPager.GridItemClickListener() {
@Override
public void click(int position) {
Toast.makeText(getBaseContext(), "点击了" + titles[position] + position, Toast.LENGTH_SHORT).show();
}
})
.show();
```
# 6、代码中也可直接设置属性(如果xml与代码都设置了, 最终以代码设置为准)
```
GridViewPager gridViewPager2 = findViewById(R.id.gridviewpager2);
gridViewPager2
// 设置数据总数量
.setDataAllCount(titles.length)
// 设置背景色,默认白色
.setGridViewPagerBackgroundColor(ContextCompat.getColor(getBaseContext(), R.color.white))
// 设置item的纵向间距
.setVerticalSpacing(10)
// 设置上边距
.setPagerMarginTop(10)
// 设置下边距
.setPagerMarginBottom(10)
// 设置图片宽度
.setImageWidth(50)
// 设置图片高度
.setImageHeight(50)
// 设置文字与图片的间距
.setTextImgMargin(5)
// 设置文字颜色
.setTextColor(ContextCompat.getColor(getBaseContext(), R.color.white))
// 设置文字大小
.setTextSize(12)
// 设置每页行数
.setRowCount(2)
// 设置每页列数
.setColumnCount(5)
// 设置无限循环
.setPageLoop(true)
// 设置是否显示指示器
.setPointIsShow(true)
// 设置指示器与page的间距
.setPointMarginPage(10)
// 设置指示器与底部的间距
.setPointMarginBottom(10)
// 设置指示器的item宽度
.setPointChildWidth(8)
// 设置指示器的item高度
.setPointChildHeight(8)
// 设置指示器的item的间距
.setPointChildMargin(8)
// 指示器的item是否为圆形,默认圆形直径取宽高的最小值
.setPointIsCircle(true)
// 指示器item未选中的颜色
.setPointNormalColor(ContextCompat.getColor(getBaseContext(), R.color.white))
// 指示器item选中的颜色
.setPointSelectColor(ContextCompat.getColor(getBaseContext(), R.color.black_text))
// 设置背景图片(此时设置的背景色无效,以背景图片为主)
.setBackgroundImageLoader(new GridViewPager.BackgroundImageLoaderInterface() {
@Override
public void setBackgroundImg(ImageView bgImageView) {
bgImageView.setImageResource(R.drawable.ic_launcher_background_red);
}
})
// 数据绑定
.setImageTextLoaderInterface(new GridViewPager.ImageTextLoaderInterface() {
@Override
public void displayImageText(ImageView imageView, TextView textView, int position) {
// 自己进行数据的绑定,灵活度更高,不受任何限制
imageView.setImageResource(iconS[position]);
textView.setText(titles[position]);
}
})
// Item点击
.setGridItemClickListener(new GridViewPager.GridItemClickListener() {
@Override
public void click(int position) {
Toast.makeText(getBaseContext(), "点击了" + titles[position] + position, Toast.LENGTH_SHORT).show();
}
})
// 设置Item长按
.setGridItemLongClickListener(new GridViewPager.GridItemLongClickListener() {
@Override
public void longClick(int position) {
Toast.makeText(getBaseContext(), "长按了" + titles[position].split("_")[0], Toast.LENGTH_SHORT).show();
}
})
.show();
```
# 7、刷新数据
**设置新属性,刷新**
```
gridViewPager
// 数据大小有变化时,得设置
.setDataAllCount(titles.length)
// 动态改变其他属性
.setRowCount(3)
.setColumnCount(3)
// 再次show(),gridViewPager不为空时,走notifyDataSetChanged()刷新数据
.show();
```
**刷新指定页码数据(每页行列数、数据总数不变,只有某个数据的值改变时使用)**
```
// 页码从0开始,例如下面是只刷新第二页数据
gridViewPager.notifyItemChanged(1)
```
## 实现就是如此简单
**添加我个人微信号交流,记得添加时备注一下哦**

**本人公众号,也可关注一波,共同交流吧。**

================================================
FILE: README_1.x.md
================================================
# GridPager
GridPager组件:ViewPager结合GridView,轻松实现类似美团首页分类多页展示。也可用于表情面板的展示。
链式调用,属性配置,几行代码轻松搞定。
① 应用的首页经常需要用到这样的分类**多页展示**的效果,还有些消息输入框需要这样的**表情面板**。
② 既然是常用的,作为懒惰的我,肯定不会每次都去写一遍。网上也找了很多类似的例子,但始终不是我想要的**简洁接入**使用的方式。要么就是加载图片有限制,要么就是样式限制的太死,还得改源码,我不喜欢,我得造一个轮子。。。必须封装一个简单好用的组件,做到几行代码就可实现效果才行。于是乎,**GridPager组件**就诞生了。
# GridPager组件效果

# 如何使用GridPager组件
# 1、在根目录 build.gradle 添加:
```
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
```
# 2、在app项目下的build.gradle中添加:
```
dependencies {
implementation 'com.github.mtjsoft:GridPager:v1.3.2'
}
```
# 3、在需要使用的布局xml中添加GridPager组件,根据需要设置相关属性
```
```
# 4、GridPager组件的版本及属性说明
V1.3.2
--------------------------
新增方法 | 属性说明 | 备注
------------- | ------------- | -------------
setGridPagersetBackgroundImage() | 支持设置背景图片,不再是单一的背景颜色了 | 2019-11-8 17:52:08
V1.3.1
--------------------------
说明 | 备注
------------- | -------------
优化自动计算高度方法。不手动设置setViewPageHeight()固定高度时,默认自动计算,自适应高度。 | 2019-9-28 20:48:57
V1.2.2
--------------------------
新增方法 | 属性说明 | 备注
------------- | ------------- | -------------
setViewPageHeight(152) | 手动设置ViewPager为固定的高度,单位dp。 | 2019-9-27 17:47:31
V1.2.1
--------------------------
新增属性 | 属性说明 | 备注
------------- | ------------- | -------------
background_color | 设置组件背景颜色,默认白色 | 2019-9-23 22:20:05
V1.2.0
--------------------------
新增属性 | 属性说明 | 备注
------------- | ------------- | -------------
point_margin_page | 设置指示器与page的间距,默认是verticalSpacing的值 | 2019-9-11 13:20:45
point_margin_bottom | 设置指示器与底部的间距,默认是verticalSpacing的值
point_is_show | 是否展示指示器,默认true展示
V1.1.0
--------------------------
1.1.0 属性 | 属性说明 | 备注
------------- | ------------- | -------------
verticalSpacing | 设置item的纵向间距 默认10dp 单位dp | 2019-8-22 16:09:55
img_width | 设置图片宽度 默认50dp 单位dp
img_height | 设置图片高度 默认50dp 单位dp
text_color | 设置文字颜色 默认黑色
imgtext_margin | 设置文字与图片的间距 默认5dp 单位dp
text_size | 设置文字大小 默认10sp 单位sp
row_count | 设置每页行数 默认2
column_count | 设置每页列数 默认4
point_width | 设置指示器的item宽度 默认8dp 单位dp
point_height | 设置指示器的item高度 默认8dp 单位dp
point_margin | 设置指示器的item的间距 默认8dp 单位dp
point_normal_color | 指示器item未选中的颜色 默认灰色
point_select_color | 指示器item选中的颜色 默认红色
point_is_circle | 指示器的item是否为圆形,默认圆形直径取宽高的最小值
# 5、代码实现。链式调用,只需要设置总数量即可。数据绑定完全自定义,不受任何图片加载框架限制,更加自由。
```
GridPager gridPager = findViewById(R.id.gridpager);
gridPager
// 设置数量总条数
.setDataAllCount(titles.length)
// 数据绑定
.setItemBindDataListener(new GridPager.ItemBindDataListener() {
@Override
public void BindData(ImageView imageView, TextView textView, int position) {
// 自己进行数据的绑定,灵活度更高,不受任何限制
imageView.setImageResource(iconS[position]);
textView.setText(titles[position]);
}
})
// Item点击
.setGridItemClickListener(new GridPager.GridItemClickListener() {
@Override
public void click(int position) {
Toast.makeText(getBaseContext(), "点击了" + titles[position], Toast.LENGTH_SHORT).show();
}
})
.show();
```
# 6、代码中也可直接设置属性(如果xml与代码都设置了, 最终以代码设置为准)
```
gridPager
// 设置数量总条数
.setDataAllCount(titles.length)
// 设置背景图片(有背景图片时,设置背景颜色无效,采用的Glide加载)
.setGridPagersetBackgroundImage("https://huilife.api.luoyangzixun.cn/XiaoFile/index-miandan-bg.png")
// 手动设置ViewPager为固定的高度,单位dp。(可以不设置,默认是自动计算高度)
//.setViewPageHeight(152)
// 设置背景色,默认白色
.setGridPagerBackgroundColor(ContextCompat.getColor(getBaseContext(),R.color.colorBg))
// 设置item的纵向间距
.setVerticalSpacing(20)
// 设置图片宽度
.setImageWidth(80)
// 设置图片高度
.setImageHeight(80)
// 设置文字与图片的间距
.setTextImgMargin(10)
// 设置文字颜色
.setTextColor(ContextCompat.getColor(getBaseContext(),R.color.colorPrimaryDark))
// 设置文字大小
.setTextSize(12)
// 设置每页行数
.setRowCount(2)
// 设置每页列数
.setColumnCount(4)
// 设置是否显示指示器
.setPointIsShow(true)
// 设置指示器与page的间距
.setPointMarginPage(10)
// 设置指示器与底部的间距
.setPointMarginBottom(10)
// 设置指示器的item宽度
.setPointChildWidth(15)
// 设置指示器的item高度
.setPointChildHeight(3)
// 设置指示器的item的间距
.setPointChildMargin(5)
// 指示器的item是否为圆形,默认圆形直径取宽高的最小值
.setPointIsCircle(false)
// 指示器item未选中的颜色
.setPointNormalColor(ContextCompat.getColor(getBaseContext(),R.color.colorPrimary))
// 指示器item选中的颜色
.setPointSelectColor(ContextCompat.getColor(getBaseContext(),R.color.colorAccent))
// 数据绑定
.setItemBindDataListener(new GridPager.ItemBindDataListener() {
@Override
public void BindData(ImageView imageView, TextView textView, int position) {
// 自己进行数据的绑定,灵活度更高,不受任何限制
imageView.setImageResource(iconS[position]);
textView.setText(titles[position]);
}
})
// Item点击
.setGridItemClickListener(new GridPager.GridItemClickListener() {
@Override
public void click(int position) {
Toast.makeText(getBaseContext(), "点击了" + titles[position], Toast.LENGTH_SHORT).show();
}
})
.show();
```
## 实现就是如此简单
**添加我个人微信号交流,记得添加时备注一下哦**
**本人公众号,也可关注一波,共同交流吧。**

================================================
FILE: app/.gitignore
================================================
/build
================================================
FILE: app/build.gradle
================================================
apply plugin: 'com.android.application'
android {
compileSdkVersion 28
buildToolsVersion "28.0.2"
defaultConfig {
applicationId "cn.mtjsoft.www.gridviewpager"
minSdkVersion 19
targetSdkVersion 28
versionCode 1
versionName "1.0"
testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
}
}
}
dependencies {
implementation fileTree(include: ['*.jar'], dir: 'libs')
implementation 'androidx.appcompat:appcompat:1.1.0'
implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
implementation 'com.google.android.material:material:1.1.0'
implementation 'androidx.legacy:legacy-support-v4:1.0.0'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'androidx.test.ext:junit:1.1.1'
androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
implementation 'com.github.CymChad:BaseRecyclerViewAdapterHelper:3.0.4'
implementation project(':gridviewpager_recycleview')
// implementation 'com.github.mtjsoft:GridPager:v3.4.0'
}
================================================
FILE: app/proguard-rules.pro
================================================
# Add project specific ProGuard rules here.
# You can control the set of applied configuration files using the
# proguardFiles setting in build.gradle.
#
# For more details, see
# http://developer.android.com/guide/developing/tools/proguard.html
# If your project uses WebView with JS, uncomment the following
# and specify the fully qualified class name to the JavaScript interface
# class:
#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
# public *;
#}
# Uncomment this to preserve the line number information for
# debugging stack traces.
#-keepattributes SourceFile,LineNumberTable
# If you keep the line number information, uncomment this to
# hide the original source file name.
#-renamesourcefileattribute SourceFile
================================================
FILE: app/src/androidTest/java/cn/mtjsoft/www/gridviewpager/ExampleInstrumentedTest.java
================================================
package cn.mtjsoft.www.gridviewpager;
import android.content.Context;
import org.junit.Test;
import org.junit.runner.RunWith;
import androidx.test.InstrumentationRegistry;
import androidx.test.runner.AndroidJUnit4;
import static org.junit.Assert.*;
/**
* Instrumented test, which will execute on an Android device.
*
* @see Testing documentation
*/
@RunWith(AndroidJUnit4.class)
public class ExampleInstrumentedTest {
@Test
public void useAppContext() {
// Context of the app under test.
Context appContext = InstrumentationRegistry.getTargetContext();
assertEquals("cn.mtjsoft.www.gridviewpager", appContext.getPackageName());
}
}
================================================
FILE: app/src/main/AndroidManifest.xml
================================================
================================================
FILE: app/src/main/java/cn/mtjsoft/www/gridviewpager/CoordinatorActivity.java
================================================
package cn.mtjsoft.www.gridviewpager;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.RecyclerView;
import androidx.viewpager2.widget.ViewPager2;
import cn.mtjsoft.www.gridviewpager_recycleview.GridViewPager;
public class CoordinatorActivity extends AppCompatActivity {
private String[] titles = {"美食", "电影", "酒店住宿", "休闲娱乐", "外卖", "自助餐", "KTV", "机票/火车票", "周边游", "美甲美睫",
"火锅", "生日蛋糕", "甜品饮品", "水上乐园", "汽车服务", "美发", "丽人", "景点", "足疗按摩", "运动健身", "健身", "超市", "买菜",
"今日新单", "小吃快餐", "面膜", "洗浴/汗蒸", "母婴亲子", "生活服务", "婚纱摄影", "学习培训", "家装", "结婚", "全部分配"};
private int[] iconS = new int[titles.length];
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_coordinatorlayout);
initData();
GridViewPager gridViewPager2 = findViewById(R.id.gridviewpager2);
gridViewPager2
// 设置数据总数量
.setDataAllCount(titles.length)
// 设置内置的覆盖翻页效果
.setCoverPageTransformer()
// 数据绑定
.setImageTextLoaderInterface(new GridViewPager.ImageTextLoaderInterface() {
@Override
public void displayImageText(ImageView imageView, TextView textView, int position) {
// 自己进行数据的绑定,灵活度更高,不受任何限制
imageView.setImageResource(iconS[position]);
textView.setText(titles[position]);
}
})
// Item点击
.setGridItemClickListener(new GridViewPager.GridItemClickListener() {
@Override
public void click(int position) {
Toast.makeText(getBaseContext(), "点击了" + titles[position] + position, Toast.LENGTH_SHORT).show();
}
})
.show();
ViewPager2 viewPager2 = findViewById(R.id.viewPager);
viewPager2.setAdapter(new PagerAdapter(getBaseContext()));
}
private class PagerAdapter extends RecyclerView.Adapter {
private Context context;
public PagerAdapter(Context context) {
this.context = context;
}
@NonNull
@Override
public PagerAdapter.Holder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View view = LayoutInflater.from(context).inflate(R.layout.item_text, parent, false);
ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
view.setLayoutParams(lp);
return new PagerAdapter.Holder(view);
}
@Override
public void onBindViewHolder(@NonNull PagerAdapter.Holder holder, int position) {
holder.textView.setText("ViewPager_" + (position + 1));
}
@Override
public int getItemCount() {
return 10;
}
public class Holder extends RecyclerView.ViewHolder {
private TextView textView;
public Holder(@NonNull View itemView) {
super(itemView);
textView = itemView.findViewById(R.id.tv_name);
}
}
}
/**
* 初始化数据源,这里使用本地图标作为示例
*/
private void initData() {
for (int i = 0; i < titles.length; i++) {
//动态获取资源ID,第一个参数是资源名,第二个参数是资源类型例如drawable,string等,第三个参数包名
int imageId = getResources().getIdentifier("ic_category_" + i, "mipmap", getPackageName());
iconS[i] = imageId;
}
}
}
================================================
FILE: app/src/main/java/cn/mtjsoft/www/gridviewpager/ListActivity.java
================================================
package cn.mtjsoft.www.gridviewpager;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import java.util.Arrays;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.content.ContextCompat;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import cn.mtjsoft.www.gridviewpager_recycleview.GridViewPager;
public class ListActivity extends AppCompatActivity {
private String[] datas = {"美食", "电影", "酒店住宿", "休闲娱乐", "外卖", "自助餐", "KTV", "机票/火车票", "周边游", "美甲美睫",
"火锅", "生日蛋糕", "甜品饮品", "水上乐园", "汽车服务", "美发", "丽人", "景点", "足疗按摩", "运动健身", "健身", "超市", "买菜",
"今日新单", "小吃快餐", "面膜", "洗浴/汗蒸", "母婴亲子", "生活服务", "婚纱摄影", "学习培训", "家装", "结婚", "全部分配"};
private int[] iconS = new int[datas.length];
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_list);
RecyclerView recyclerView = findViewById(R.id.rlv);
recyclerView.setLayoutManager(new LinearLayoutManager(getBaseContext()));
for (int i = 0; i < datas.length; i++) {
//动态获取资源ID,第一个参数是资源名,第二个参数是资源类型例如drawable,string等,第三个参数包名
int imageId = getResources().getIdentifier("ic_category_" + i, "mipmap", getPackageName());
iconS[i] = imageId;
}
ListAdapter adapter = new ListAdapter(Arrays.asList(datas));
adapter.addHeaderView(getGridViewPager());
recyclerView.setAdapter(adapter);
}
private GridViewPager getGridViewPager(){
GridViewPager gridViewPager = new GridViewPager(getBaseContext());
gridViewPager
// 设置数据总数量
.setDataAllCount(datas.length)
// 设置背景色,默认白色
.setGridViewPagerBackgroundColor(ContextCompat.getColor(getBaseContext(), R.color.white))
// 设置item的纵向间距
.setVerticalSpacing(10)
// 设置上边距
.setPagerMarginTop(10)
// 设置下边距
.setPagerMarginBottom(10)
// 设置图片宽度
.setImageWidth(50)
// 设置图片高度
.setImageHeight(50)
// 设置文字与图片的间距
.setTextImgMargin(5)
// 设置文字颜色
.setTextColor(ContextCompat.getColor(getBaseContext(), R.color.white))
// 设置文字大小
.setTextSize(12)
// 设置每页行数
.setRowCount(3)
// 设置每页列数
.setColumnCount(3)
// 设置是否显示指示器
.setPointIsShow(true)
// 设置指示器与page的间距
.setPointMarginPage(10)
// 设置指示器与底部的间距
.setPointMarginBottom(10)
// 设置指示器的item宽度
.setPointChildWidth(8)
// 设置指示器的item高度
.setPointChildHeight(8)
// 设置指示器的item的间距
.setPointChildMargin(8)
// 指示器的item是否为圆形,默认圆形直径取宽高的最小值
.setPointIsCircle(true)
// 指示器item未选中的颜色
.setPointNormalColor(ContextCompat.getColor(getBaseContext(), R.color.white))
// 指示器item选中的颜色
.setPointSelectColor(ContextCompat.getColor(getBaseContext(), R.color.black_text))
// 设置背景图片(此时设置的背景色无效,以背景图片为主)
.setBackgroundImageLoader(new GridViewPager.BackgroundImageLoaderInterface() {
@Override
public void setBackgroundImg(ImageView bgImageView) {
bgImageView.setImageResource(R.drawable.ic_launcher_background_red);
}
})
// 数据绑定
.setImageTextLoaderInterface(new GridViewPager.ImageTextLoaderInterface() {
@Override
public void displayImageText(ImageView imageView, TextView textView, int position) {
// 自己进行数据的绑定,灵活度更高,不受任何限制
imageView.setImageResource(iconS[position]);
textView.setText(datas[position]);
}
})
// Item点击
.setGridItemClickListener(new GridViewPager.GridItemClickListener() {
@Override
public void click(int position) {
Toast.makeText(getBaseContext(), "点击了" + datas[position] + position, Toast.LENGTH_SHORT).show();
}
})
.show();
return gridViewPager;
}
}
================================================
FILE: app/src/main/java/cn/mtjsoft/www/gridviewpager/ListAdapter.java
================================================
package cn.mtjsoft.www.gridviewpager;
import com.chad.library.adapter.base.BaseQuickAdapter;
import com.chad.library.adapter.base.viewholder.BaseViewHolder;
import org.jetbrains.annotations.NotNull;
import org.jetbrains.annotations.Nullable;
import java.util.List;
public class ListAdapter extends BaseQuickAdapter {
public ListAdapter(@Nullable List data) {
super(R.layout.item_text, data);
}
@Override
protected void convert(@NotNull BaseViewHolder baseViewHolder, String s) {
baseViewHolder.setText(R.id.tv_name, s);
}
}
================================================
FILE: app/src/main/java/cn/mtjsoft/www/gridviewpager/MainActivity.java
================================================
package cn.mtjsoft.www.gridviewpager;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.RadioGroup;
import android.widget.SeekBar;
import android.widget.TextView;
import android.widget.Toast;
import com.google.android.flexbox.AlignContent;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.content.ContextCompat;
import java.util.Random;
import cn.mtjsoft.www.gridviewpager_recycleview.GridViewPager;
import cn.mtjsoft.www.gridviewpager_recycleview.transformer.TopOrDownPageTransformer;
public class MainActivity extends AppCompatActivity implements SeekBar.OnSeekBarChangeListener {
private String[] titles = {"美食", "电影", "酒店住宿", "休闲娱乐", "外卖", "自助餐", "KTV", "机票/火车票", "周边游", "美甲美睫",
"火锅", "生日蛋糕", "甜品饮品", "水上乐园", "汽车服务", "美发", "丽人", "景点", "足疗按摩", "运动健身", "健身", "超市", "买菜",
"今日新单", "小吃快餐", "面膜", "洗浴/汗蒸", "母婴亲子", "生活服务", "婚纱摄影", "学习培训", "家装", "结婚", "全部分配"};
private int[] iconS = new int[titles.length];
private int rowCount = 3;
private int columnCount = 4;
// 指定刷新某一页数据
private int page = 0;
//
private GridViewPager gridViewPager;
private TextView tv_row;
private TextView tv_column;
private TextView tv_page;
private Random random = new Random();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initData();
gridViewPager = findViewById(R.id.gridviewpager);
gridViewPager
// 设置数据总数量
.setDataAllCount(18)
// 设置背景色,默认白色
.setGridViewPagerBackgroundColor(ContextCompat.getColor(getBaseContext(), R.color.white))
// 设置item的纵向间距
.setVerticalSpacing(10)
// 设置上边距
.setPagerMarginTop(10)
// 设置下边距
.setPagerMarginBottom(10)
// 设置图片宽度
.setImageWidth(50)
// 设置图片高度
.setImageHeight(50)
// 设置是否显示文本
.setIsShowText(true)
// 设置子VIEW对齐方式
.setAlignContent(AlignContent.FLEX_START)
// 设置文字与图片的间距
.setTextImgMargin(5)
// 设置文字颜色
.setTextColor(ContextCompat.getColor(getBaseContext(), R.color.white))
// 设置文字大小
.setTextSize(12)
// 设置每页行数
.setRowCount(rowCount)
// 设置每页列数
.setColumnCount(columnCount)
// 设置无限循环
.setPageLoop(true)
// 设置是否显示指示器
.setPointIsShow(true)
// 设置指示器与page的间距
.setPointMarginPage(0)
// 设置指示器与底部的间距
.setPointMarginBottom(10)
// 设置指示器的item宽度
.setPointChildWidth(8)
// 设置指示器的item高度
.setPointChildHeight(8)
// 设置指示器的item的间距
.setPointChildMargin(8)
// 指示器的item是否为圆形,默认圆形直径取宽高的最小值
.setPointIsCircle(true)
// 指示器item未选中的颜色
.setPointNormalColor(ContextCompat.getColor(getBaseContext(), R.color.white))
// 指示器item选中的颜色
.setPointSelectColor(ContextCompat.getColor(getBaseContext(), R.color.black_text))
// 设置背景图片(此时设置的背景色无效,以背景图片为主)
.setBackgroundImageLoader(new GridViewPager.BackgroundImageLoaderInterface() {
@Override
public void setBackgroundImg(ImageView bgImageView) {
bgImageView.setImageResource(R.drawable.ic_launcher_background_red);
}
})
// 数据绑定
.setImageTextLoaderInterface(new GridViewPager.ImageTextLoaderInterface() {
@Override
public void displayImageText(ImageView imageView, TextView textView, int position) {
// 自己进行数据的绑定,灵活度更高,不受任何限制
imageView.setImageResource(iconS[position]);
if (textView != null) {
textView.setText(titles[position]);
}
}
})
// Item点击
.setGridItemClickListener(new GridViewPager.GridItemClickListener() {
@Override
public void click(int position) {
Toast.makeText(getBaseContext(), "点击了" + titles[position].split("_")[0], Toast.LENGTH_SHORT).show();
}
})
// 设置Item长按
.setGridItemLongClickListener(new GridViewPager.GridItemLongClickListener() {
@Override
public void longClick(int position) {
Toast.makeText(getBaseContext(), "长按了" + titles[position].split("_")[0], Toast.LENGTH_SHORT).show();
}
})
.show();
//
tv_row = findViewById(R.id.tv_row);
tv_column = findViewById(R.id.tv_column);
tv_page = findViewById(R.id.tv_page);
SeekBar sb_row = findViewById(R.id.sb_row);
SeekBar sb_column = findViewById(R.id.sb_column);
SeekBar sb_page = findViewById(R.id.sb_page);
sb_row.setOnSeekBarChangeListener(this);
sb_column.setOnSeekBarChangeListener(this);
sb_page.setOnSeekBarChangeListener(this);
// 刷新
Button button = findViewById(R.id.btu_page);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// 改变数据
int x = random.nextInt(5);
for (int i = 0; i < titles.length; i++) {
titles[i] = titles[i].split("_")[0] + "_" + x;
}
// 刷新
gridViewPager.setDataAllCount(titles.length).setRowCount(rowCount).setColumnCount(columnCount).show();
}
});
// 刷新指定的第page页
Button button2 = findViewById(R.id.btu_page2);
button2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
int pageSize = gridViewPager.getOnePageSize();
int x = random.nextInt(5) + 5;
// 改变第page页的数据
for (int i = 0; i < titles.length; i++) {
if (i >= pageSize * page && i < pageSize * (page + 1)) {
titles[i] = titles[i].split("_")[0] + "_" + x;
}
}
// 刷新第page页的数据
gridViewPager.notifyItemChanged(page);
}
});
// 测试翻页效果
final GridViewPager gridViewPager2 = findViewById(R.id.gridviewpager2);
gridViewPager2
// 设置数据总数量
.setDataAllCount(titles.length)
// 设置内置的覆盖翻页效果
.setCoverPageTransformer()
// 设置内置的上下进入效果
// .setTopOrDownPageTransformer(TopOrDownPageTransformer.ModeType.MODE_DOWN)
// 设置内置的画廊效果
// .setGalleryPageTransformer()
// 数据绑定
.setImageTextLoaderInterface(new GridViewPager.ImageTextLoaderInterface() {
@Override
public void displayImageText(ImageView imageView, TextView textView, int position) {
// 自己进行数据的绑定,灵活度更高,不受任何限制
imageView.setImageResource(iconS[position]);
textView.setText(titles[position].split("_")[0]);
}
})
// Item点击
.setGridItemClickListener(new GridViewPager.GridItemClickListener() {
@Override
public void click(int position) {
Toast.makeText(getBaseContext(), "点击了" + titles[position].split("_")[0], Toast.LENGTH_SHORT).show();
}
})
// 设置Item长按
.setGridItemLongClickListener(new GridViewPager.GridItemLongClickListener() {
@Override
public void longClick(int position) {
Toast.makeText(getBaseContext(), "长按了" + titles[position].split("_")[0], Toast.LENGTH_SHORT).show();
}
})
.show();
// 测试列表
Button button3 = findViewById(R.id.btu_list);
button3.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
startActivity(new Intent(getBaseContext(), ListActivity.class));
}
});
// 测试嵌套滑动
findViewById(R.id.btu_list2).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
startActivity(new Intent(getBaseContext(), CoordinatorActivity.class));
}
});
}
/**
* 初始化数据源,这里使用本地图标作为示例
*/
private void initData() {
for (int i = 0; i < titles.length; i++) {
//动态获取资源ID,第一个参数是资源名,第二个参数是资源类型例如drawable,string等,第三个参数包名
int imageId = getResources().getIdentifier("ic_category_" + i, "mipmap", getPackageName());
iconS[i] = imageId;
}
}
@Override
public void onProgressChanged(SeekBar seekBar, int i, boolean b) {
switch (seekBar.getId()) {
case R.id.sb_row:
if (i < 1) {
Toast.makeText(getBaseContext(), "最少设置一行", Toast.LENGTH_SHORT).show();
} else {
tv_row.setText("设置行数:" + i);
rowCount = i;
}
break;
case R.id.sb_column:
if (i < 1) {
Toast.makeText(getBaseContext(), "最少设置一列", Toast.LENGTH_SHORT).show();
} else {
tv_column.setText("设置列数:" + i);
columnCount = i;
}
break;
case R.id.sb_page:
if (i > gridViewPager.getPageSize() - 1) {
Toast.makeText(getBaseContext(), "超出页码", Toast.LENGTH_SHORT).show();
} else {
tv_page.setText("指定刷新页:" + i);
page = i;
}
break;
}
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
}
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
}
}
================================================
FILE: app/src/main/res/drawable/ic_arrow_white_24dp.xml
================================================
================================================
FILE: app/src/main/res/drawable/ic_launcher_background.xml
================================================
================================================
FILE: app/src/main/res/drawable/ic_launcher_background_red.xml
================================================
================================================
FILE: app/src/main/res/drawable-v24/ic_launcher_foreground.xml
================================================
================================================
FILE: app/src/main/res/layout/activity_coordinatorlayout.xml
================================================
================================================
FILE: app/src/main/res/layout/activity_list.xml
================================================
================================================
FILE: app/src/main/res/layout/activity_main.xml
================================================
================================================
FILE: app/src/main/res/layout/item_text.xml
================================================
================================================
FILE: app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
================================================
================================================
FILE: app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
================================================
================================================
FILE: app/src/main/res/values/colors.xml
================================================
#008577
#00574B
#D81B60
#FFFFFF
#000000
#333333
#646464
#A6AAAD
#9F9F9F
#CDCDCD
#F8B9C0
#F5F5F5
#80cccccc
#151A15
#EE3A3E3C
#929392
#cc000000
#3E403E
#32323232
#60000000
#00000000
#DBD9D8
#D6D6D6
#eeffffff
================================================
FILE: app/src/main/res/values/strings.xml
================================================
GridViewPager
================================================
FILE: app/src/main/res/values/styles.xml
================================================
================================================
FILE: app/src/test/java/cn/mtjsoft/www/gridviewpager/ExampleUnitTest.java
================================================
package cn.mtjsoft.www.gridviewpager;
import org.junit.Test;
import static org.junit.Assert.*;
/**
* Example local unit test, which will execute on the development machine (host).
*
* @see Testing documentation
*/
public class ExampleUnitTest {
@Test
public void addition_isCorrect() {
assertEquals(4, 2 + 2);
}
}
================================================
FILE: build.gradle
================================================
// Top-level build file where you can add configuration options common to all sub-projects/modules.
buildscript {
repositories {
google()
jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:3.2.0'
classpath 'com.github.dcendents:android-maven-gradle-plugin:2.1' // Add this line
// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}
}
allprojects {
repositories {
google()
jcenter()
maven { url "https://jitpack.io" }
}
}
task clean(type: Delete) {
delete rootProject.buildDir
}
================================================
FILE: gradle/wrapper/gradle-wrapper.properties
================================================
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-5.4.1-all.zip
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
================================================
FILE: gradle.properties
================================================
# Project-wide Gradle settings.
# IDE (e.g. Android Studio) users:
# Gradle settings configured through the IDE *will override*
# any settings specified in this file.
# For more details on how to configure your build environment visit
# http://www.gradle.org/docs/current/userguide/build_environment.html
# Specifies the JVM arguments used for the daemon process.
# The setting is particularly useful for tweaking memory settings.
org.gradle.jvmargs=-Xmx1536m
# When configured, Gradle will run in incubating parallel mode.
# This option should only be used with decoupled projects. More details, visit
# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
# org.gradle.parallel=true
# ʾʹ androidx
android.useAndroidX=true
# ʾǨƵ androidx
android.enableJetifier=true
================================================
FILE: gradlew
================================================
#!/usr/bin/env sh
##############################################################################
##
## Gradle start up script for UN*X
##
##############################################################################
# Attempt to set APP_HOME
# Resolve links: $0 may be a link
PRG="$0"
# Need this for relative symlinks.
while [ -h "$PRG" ] ; do
ls=`ls -ld "$PRG"`
link=`expr "$ls" : '.*-> \(.*\)$'`
if expr "$link" : '/.*' > /dev/null; then
PRG="$link"
else
PRG=`dirname "$PRG"`"/$link"
fi
done
SAVED="`pwd`"
cd "`dirname \"$PRG\"`/" >/dev/null
APP_HOME="`pwd -P`"
cd "$SAVED" >/dev/null
APP_NAME="Gradle"
APP_BASE_NAME=`basename "$0"`
# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
DEFAULT_JVM_OPTS=""
# Use the maximum available, or set MAX_FD != -1 to use that value.
MAX_FD="maximum"
warn () {
echo "$*"
}
die () {
echo
echo "$*"
echo
exit 1
}
# OS specific support (must be 'true' or 'false').
cygwin=false
msys=false
darwin=false
nonstop=false
case "`uname`" in
CYGWIN* )
cygwin=true
;;
Darwin* )
darwin=true
;;
MINGW* )
msys=true
;;
NONSTOP* )
nonstop=true
;;
esac
CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
# Determine the Java command to use to start the JVM.
if [ -n "$JAVA_HOME" ] ; then
if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
# IBM's JDK on AIX uses strange locations for the executables
JAVACMD="$JAVA_HOME/jre/sh/java"
else
JAVACMD="$JAVA_HOME/bin/java"
fi
if [ ! -x "$JAVACMD" ] ; then
die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
Please set the JAVA_HOME variable in your environment to match the
location of your Java installation."
fi
else
JAVACMD="java"
which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
Please set the JAVA_HOME variable in your environment to match the
location of your Java installation."
fi
# Increase the maximum file descriptors if we can.
if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
MAX_FD_LIMIT=`ulimit -H -n`
if [ $? -eq 0 ] ; then
if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
MAX_FD="$MAX_FD_LIMIT"
fi
ulimit -n $MAX_FD
if [ $? -ne 0 ] ; then
warn "Could not set maximum file descriptor limit: $MAX_FD"
fi
else
warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
fi
fi
# For Darwin, add options to specify how the application appears in the dock
if $darwin; then
GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
fi
# For Cygwin, switch paths to Windows format before running java
if $cygwin ; then
APP_HOME=`cygpath --path --mixed "$APP_HOME"`
CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
JAVACMD=`cygpath --unix "$JAVACMD"`
# We build the pattern for arguments to be converted via cygpath
ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
SEP=""
for dir in $ROOTDIRSRAW ; do
ROOTDIRS="$ROOTDIRS$SEP$dir"
SEP="|"
done
OURCYGPATTERN="(^($ROOTDIRS))"
# Add a user-defined pattern to the cygpath arguments
if [ "$GRADLE_CYGPATTERN" != "" ] ; then
OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
fi
# Now convert the arguments - kludge to limit ourselves to /bin/sh
i=0
for arg in "$@" ; do
CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
else
eval `echo args$i`="\"$arg\""
fi
i=$((i+1))
done
case $i in
(0) set -- ;;
(1) set -- "$args0" ;;
(2) set -- "$args0" "$args1" ;;
(3) set -- "$args0" "$args1" "$args2" ;;
(4) set -- "$args0" "$args1" "$args2" "$args3" ;;
(5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
(6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
(7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
(8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
(9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
esac
fi
# Escape application args
save () {
for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
echo " "
}
APP_ARGS=$(save "$@")
# Collect all arguments for the java command, following the shell quoting and substitution rules
eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
cd "$(dirname "$0")"
fi
exec "$JAVACMD" "$@"
================================================
FILE: gradlew.bat
================================================
@if "%DEBUG%" == "" @echo off
@rem ##########################################################################
@rem
@rem Gradle startup script for Windows
@rem
@rem ##########################################################################
@rem Set local scope for the variables with windows NT shell
if "%OS%"=="Windows_NT" setlocal
set DIRNAME=%~dp0
if "%DIRNAME%" == "" set DIRNAME=.
set APP_BASE_NAME=%~n0
set APP_HOME=%DIRNAME%
@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
set DEFAULT_JVM_OPTS=
@rem Find java.exe
if defined JAVA_HOME goto findJavaFromJavaHome
set JAVA_EXE=java.exe
%JAVA_EXE% -version >NUL 2>&1
if "%ERRORLEVEL%" == "0" goto init
echo.
echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
echo.
echo Please set the JAVA_HOME variable in your environment to match the
echo location of your Java installation.
goto fail
:findJavaFromJavaHome
set JAVA_HOME=%JAVA_HOME:"=%
set JAVA_EXE=%JAVA_HOME%/bin/java.exe
if exist "%JAVA_EXE%" goto init
echo.
echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
echo.
echo Please set the JAVA_HOME variable in your environment to match the
echo location of your Java installation.
goto fail
:init
@rem Get command-line arguments, handling Windows variants
if not "%OS%" == "Windows_NT" goto win9xME_args
:win9xME_args
@rem Slurp the command line arguments.
set CMD_LINE_ARGS=
set _SKIP=2
:win9xME_args_slurp
if "x%~1" == "x" goto execute
set CMD_LINE_ARGS=%*
:execute
@rem Setup the command line
set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
@rem Execute Gradle
"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
:end
@rem End local scope for the variables with windows NT shell
if "%ERRORLEVEL%"=="0" goto mainEnd
:fail
rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
rem the _cmd.exe /c_ return code!
if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
exit /b 1
:mainEnd
if "%OS%"=="Windows_NT" endlocal
:omega
================================================
FILE: gridviewpager_recycleview/.gitignore
================================================
/build
================================================
FILE: gridviewpager_recycleview/build.gradle
================================================
apply plugin: 'com.android.library'
apply plugin: 'com.github.dcendents.android-maven'
group = 'com.github.mtjsoft'
android {
compileSdkVersion 28
defaultConfig {
minSdkVersion 19
targetSdkVersion 28
versionCode 1
versionName "1.0"
testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
}
}
}
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
implementation 'androidx.appcompat:appcompat:1.1.0'
implementation 'androidx.recyclerview:recyclerview:1.1.0'
implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
implementation 'com.google.android.material:material:1.1.0'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'androidx.test.ext:junit:1.1.1'
androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
// 弹性布局
api 'com.google.android:flexbox:2.0.1'
// viewpager2
api "androidx.viewpager2:viewpager2:1.0.0"
}
================================================
FILE: gridviewpager_recycleview/proguard-rules.pro
================================================
# Add project specific ProGuard rules here.
# You can control the set of applied configuration files using the
# proguardFiles setting in build.gradle.
#
# For more details, see
# http://developer.android.com/guide/developing/tools/proguard.html
# If your project uses WebView with JS, uncomment the following
# and specify the fully qualified class name to the JavaScript interface
# class:
#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
# public *;
#}
# Uncomment this to preserve the line number information for
# debugging stack traces.
#-keepattributes SourceFile,LineNumberTable
# If you keep the line number information, uncomment this to
# hide the original source file name.
#-renamesourcefileattribute SourceFile
================================================
FILE: gridviewpager_recycleview/src/androidTest/java/cn/mtjsoft/www/gridviewpager_recycleview/ExampleInstrumentedTest.java
================================================
package cn.mtjsoft.www.gridviewpager_recycleview;
import android.content.Context;
import android.support.test.InstrumentationRegistry;
import android.support.test.runner.AndroidJUnit4;
import org.junit.Test;
import org.junit.runner.RunWith;
import static org.junit.Assert.*;
/**
* Instrumented test, which will execute on an Android device.
*
* @see Testing documentation
*/
@RunWith(AndroidJUnit4.class)
public class ExampleInstrumentedTest {
@Test
public void useAppContext() {
// Context of the app under test.
Context appContext = InstrumentationRegistry.getTargetContext();
assertEquals("cn.mtjsoft.www.gridviewpager_recycleview.test", appContext.getPackageName());
}
}
================================================
FILE: gridviewpager_recycleview/src/main/AndroidManifest.xml
================================================
================================================
FILE: gridviewpager_recycleview/src/main/java/cn/mtjsoft/www/gridviewpager_recycleview/GridViewPager.java
================================================
package cn.mtjsoft.www.gridviewpager_recycleview;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewStub;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import androidx.viewpager2.widget.ViewPager2;
import com.google.android.flexbox.AlignContent;
import com.google.android.flexbox.FlexboxLayout;
import java.util.ArrayList;
import java.util.List;
import cn.mtjsoft.www.gridviewpager_recycleview.transformer.CoverPageTransformer;
import cn.mtjsoft.www.gridviewpager_recycleview.transformer.GalleryPageTransformer;
import cn.mtjsoft.www.gridviewpager_recycleview.transformer.TopOrDownPageTransformer;
import cn.mtjsoft.www.gridviewpager_recycleview.view.AndDensityUtils;
import cn.mtjsoft.www.gridviewpager_recycleview.view.AndSelectCircleView;
/**
* recycleview的方式来实现美团app的首页标签效果
*/
public class GridViewPager extends FrameLayout {
private ViewPager2 viewPager2;
private ImageView bgImageView;
private PagerAdapter pagerAdapter;
private int widthPixels = 0;
/**
* 指示点
*/
private AndSelectCircleView andSelectCircleView;
//子控件显示的宽度
private int mChildWidth = 8;
//子控件显示的高度
private int mChildHeight = 8;
//两个子控件之间的间距
private int mChildMargin = 8;
//正常情况下显示的颜色
private int mNormalColor = Color.GRAY;
//选中的时候现实的颜色
private int mSelectColor = Color.RED;
// 是否是圆形的指示点
private boolean mIsCircle = true;
// 是否需要显示指示器
private boolean mIsShow = true;
// 指示器与page间距
private int pointMarginPage = 10;
// 指示器与底部间距
private int pointMarginBottom = 10;
/**
* GridViewPager
*/
// page上间距
private int pagerMarginTop = 10;
// page下间距
private int pagerMarginBottom = 10;
// 行间距间距
private int verticalSpacing = 10;
// icon 宽度
private int imageWidth = 50;
// icon 高度
private int imageHeight = 50;
// 文字颜色
private int textColor = Color.BLACK;
// 文字大小
private int textSize = 10;
// icon 文字 的间距
private int textImgMargin = 5;
// 行数
private int rowCount = 2;
// 列数
private int columnCount = 4;
// 每页大小
private int pageSize = 8;
// 数据总数
private int dataAllCount = 0;
// 背景颜色
private int backgroundColor = Color.WHITE;
// item背景颜色
private int itemBackgroundColor = Color.TRANSPARENT;
// 是否开启无限循环(页数大于1才有效)
private boolean pageLoop = false;
// 是否显示文本,默认显示
private boolean mIsShowText = true;
// 子项对齐方式
private int alignContent = AlignContent.FLEX_START;
// 用于切换动画
private ViewPager2.PageTransformer pageTransformer;
/**
* item点击监听
*/
private GridItemClickListener gridItemClickListener;
/**
* item长按监听
*/
private GridItemLongClickListener gridItemLongClickListener;
private ImageTextLoaderInterface imageTextLoaderInterface;
private BackgroundImageLoaderInterface backgroundImageLoaderInterface;
private float startX;
private float startY;
public GridViewPager(Context context) {
this(context, null);
}
public GridViewPager(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public GridViewPager(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
widthPixels = getResources().getDisplayMetrics().widthPixels;
handleTypedArray(context, attrs);
initView();
setBackgroundColor(backgroundColor);
}
/**
* 添加布局
*/
private void initView() {
View view = View.inflate(getContext(), R.layout.gridpager_layout, null);
bgImageView = view.findViewById(R.id.iv_bg);
viewPager2 = view.findViewById(R.id.viewPager2);
andSelectCircleView = view.findViewById(R.id.scv);
addView(view);
viewPager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
super.onPageScrolled(position, positionOffset, positionOffsetPixels);
}
@Override
public void onPageSelected(int position) {
super.onPageSelected(position);
int page = getPageSize();
if (pageLoop && page > 1) {
if (position == 0) {
viewPager2.setCurrentItem(integerList.size() - 2, false);
} else if (position == integerList.size() - 1) {
viewPager2.setCurrentItem(1, false);
}
andSelectCircleView.setSelectPosition(position - 1);
} else {
andSelectCircleView.setSelectPosition(position);
}
}
@Override
public void onPageScrollStateChanged(int state) {
super.onPageScrollStateChanged(state);
}
});
}
private void handleTypedArray(Context context, AttributeSet attrs) {
if (attrs == null) {
return;
}
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.GridViewPager);
pagerMarginTop = typedArray.getDimensionPixelSize(R.styleable.GridViewPager_pager_MarginTop, AndDensityUtils.dip2px(getContext(), pagerMarginTop));
pagerMarginBottom = typedArray.getDimensionPixelSize(R.styleable.GridViewPager_pager_MarginBottom, AndDensityUtils.dip2px(getContext(), pagerMarginBottom));
verticalSpacing = typedArray.getDimensionPixelSize(R.styleable.GridViewPager_verticalSpacing, AndDensityUtils.dip2px(getContext(), verticalSpacing));
backgroundColor = typedArray.getColor(R.styleable.GridViewPager_background_color, Color.WHITE);
itemBackgroundColor = typedArray.getColor(R.styleable.GridViewPager_item_background_color, Color.TRANSPARENT);
imageWidth = typedArray.getDimensionPixelSize(R.styleable.GridViewPager_img_width, AndDensityUtils.dip2px(getContext(), imageWidth));
imageHeight = typedArray.getDimensionPixelSize(R.styleable.GridViewPager_img_height, AndDensityUtils.dip2px(getContext(), imageHeight));
textColor = typedArray.getColor(R.styleable.GridViewPager_text_color, Color.BLACK);
textSize = typedArray.getDimensionPixelSize(R.styleable.GridViewPager_text_size, AndDensityUtils.sp2px(getContext(), textSize));
textImgMargin = typedArray.getDimensionPixelSize(R.styleable.GridViewPager_imgtext_margin, AndDensityUtils.dip2px(getContext(), textImgMargin));
rowCount = typedArray.getInt(R.styleable.GridViewPager_row_count, rowCount);
columnCount = typedArray.getInt(R.styleable.GridViewPager_column_count, columnCount);
pageLoop = typedArray.getBoolean(R.styleable.GridViewPager_pager_loop, false);
mIsShowText = typedArray.getBoolean(R.styleable.GridViewPager_text_is_show, true);
// 指示点
mChildWidth = typedArray.getDimensionPixelSize(R.styleable.GridViewPager_point_width, AndDensityUtils.dip2px(getContext(), mChildWidth));
mChildHeight = typedArray.getDimensionPixelSize(R.styleable.GridViewPager_point_height, AndDensityUtils.dip2px(getContext(), mChildHeight));
mChildMargin = typedArray.getDimensionPixelSize(R.styleable.GridViewPager_point_margin, AndDensityUtils.dip2px(getContext(), mChildMargin));
mNormalColor = typedArray.getColor(R.styleable.GridViewPager_point_normal_color, Color.GRAY);
mSelectColor = typedArray.getColor(R.styleable.GridViewPager_point_select_color, Color.RED);
mIsCircle = typedArray.getBoolean(R.styleable.GridViewPager_point_is_circle, true);
mIsShow = typedArray.getBoolean(R.styleable.GridViewPager_point_is_show, true);
pointMarginPage = typedArray.getDimensionPixelSize(R.styleable.GridViewPager_point_margin_page, verticalSpacing);
pointMarginBottom = typedArray.getDimensionPixelSize(R.styleable.GridViewPager_point_margin_bottom, verticalSpacing);
typedArray.recycle();
}
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
startX = ev.getX();
startY = ev.getY();
break;
case MotionEvent.ACTION_MOVE:
if (Math.abs(ev.getX() - startX) < Math.abs(ev.getY() - startY)) {
return false;
} else {
return super.dispatchTouchEvent(ev);
}
}
return super.dispatchTouchEvent(ev);
}
/**
* 设置数据总数
*
* @param dataAllCount
* @return
*/
public GridViewPager setDataAllCount(int dataAllCount) {
if (dataAllCount > 0) {
this.dataAllCount = dataAllCount;
}
return this;
}
/**
* 设置列数
*
* @param columnCount
* @return
*/
public GridViewPager setColumnCount(int columnCount) {
if (columnCount > 0) {
this.columnCount = columnCount;
}
return this;
}
/**
* 设置是否无限循环(true 页码大于1时才有效)
*
* @param pageLoop
* @return
*/
public GridViewPager setPageLoop(boolean pageLoop) {
this.pageLoop = pageLoop;
return this;
}
/**
* 是否显示文本控件
*
* @param mIsShowText
* @return
*/
public GridViewPager setIsShowText(boolean mIsShowText) {
this.mIsShowText = mIsShowText;
return this;
}
/**
* 设置行数
*
* @param rowCount
* @return
*/
public GridViewPager setRowCount(int rowCount) {
if (rowCount > 0) {
this.rowCount = rowCount;
}
return this;
}
/**
* 上下边距
*
* @param pagerMarginTop
*/
public GridViewPager setPagerMarginTop(int pagerMarginTop) {
this.pagerMarginTop = AndDensityUtils.dip2px(getContext(), pagerMarginTop);
return this;
}
public GridViewPager setPagerMarginBottom(int pagerMarginBottom) {
this.pagerMarginBottom = AndDensityUtils.dip2px(getContext(), pagerMarginBottom);
return this;
}
/**
* 设置 纵向间距
*
* @param verticalSpacing
* @return
*/
public GridViewPager setVerticalSpacing(int verticalSpacing) {
this.verticalSpacing = AndDensityUtils.dip2px(getContext(), verticalSpacing);
return this;
}
/**
* 设置 icon 宽度
*
* @param imageWidth
* @return
*/
public GridViewPager setImageWidth(int imageWidth) {
this.imageWidth = AndDensityUtils.dip2px(getContext(), imageWidth);
return this;
}
/**
* 设置 icon 高度
*
* @param imageHeight
* @return
*/
public GridViewPager setImageHeight(int imageHeight) {
this.imageHeight = AndDensityUtils.dip2px(getContext(), imageHeight);
return this;
}
/**
* 设置 字体颜色
*
* @param textColor
* @return
*/
public GridViewPager setTextColor(int textColor) {
this.textColor = textColor;
return this;
}
/**
* 设置 背景颜色
*
* @param backgroundColor
* @return
*/
public GridViewPager setGridViewPagerBackgroundColor(int backgroundColor) {
setBackgroundColor(backgroundColor);
return this;
}
/**
* 单独设置item的背景
*
* @param itemBackgroundColor
* @return
*/
public GridViewPager setItemBackgroundColor(int itemBackgroundColor) {
this.itemBackgroundColor = itemBackgroundColor;
return this;
}
/**
* 设置字体大小
*
* @param textSize
* @return
*/
public GridViewPager setTextSize(int textSize) {
this.textSize = AndDensityUtils.sp2px(getContext(), textSize);
return this;
}
/**
* 设置字体与icon的间距
*
* @param textImgMargin
* @return
*/
public GridViewPager setTextImgMargin(int textImgMargin) {
this.textImgMargin = AndDensityUtils.dip2px(getContext(), textImgMargin);
return this;
}
/**
* 设置指示器的宽度
*
* @param mChildWidth
* @return
*/
public GridViewPager setPointChildWidth(int mChildWidth) {
this.mChildWidth = AndDensityUtils.dip2px(getContext(), mChildWidth);
return this;
}
/**
* 设置指示器的高度
*
* @param mChildHeight
* @return
*/
public GridViewPager setPointChildHeight(int mChildHeight) {
this.mChildHeight = AndDensityUtils.dip2px(getContext(), mChildHeight);
return this;
}
/**
* 设置指示器的间距
*
* @param mChildMargin
* @return
*/
public GridViewPager setPointChildMargin(int mChildMargin) {
this.mChildMargin = AndDensityUtils.dip2px(getContext(), mChildMargin);
return this;
}
/**
* 设置指示器是否为圆形
*
* @param mIsCircle
* @return
*/
public GridViewPager setPointIsCircle(boolean mIsCircle) {
this.mIsCircle = mIsCircle;
return this;
}
/**
* 设置指示器未选中颜色
*
* @param mNormalColor
* @return
*/
public GridViewPager setPointNormalColor(int mNormalColor) {
this.mNormalColor = mNormalColor;
return this;
}
/**
* 设置指示器选中的颜色
*
* @param mSelectColor
* @return
*/
public GridViewPager setPointSelectColor(int mSelectColor) {
this.mSelectColor = mSelectColor;
return this;
}
/**
* 设置指示器是否显示
*
* @param mIsShow
* @return
*/
public GridViewPager setPointIsShow(boolean mIsShow) {
this.mIsShow = mIsShow;
return this;
}
/**
* 设置指示器与page的间距
*
* @param pointMarginPage
* @return
*/
public GridViewPager setPointMarginPage(int pointMarginPage) {
this.pointMarginPage = AndDensityUtils.dip2px(getContext(), pointMarginPage);
return this;
}
/**
* 设置指示器与底部的间距
*
* @param pointMarginBottom
* @return
*/
public GridViewPager setPointMarginBottom(int pointMarginBottom) {
this.pointMarginBottom = AndDensityUtils.dip2px(getContext(), pointMarginBottom);
return this;
}
/**
* 设置子项对其方式
*
* @param alignContent
* @return
*/
public GridViewPager setAlignContent(@AlignContent int alignContent) {
this.alignContent = alignContent;
return this;
}
/**
* 设置 Item 点击监听
*
* @param gridItemClickListener
*/
public GridViewPager setGridItemClickListener(GridItemClickListener gridItemClickListener) {
this.gridItemClickListener = gridItemClickListener;
return this;
}
/**
* 设置 Item 长按监听
*
* @param gridItemLongClickListener
*/
public GridViewPager setGridItemLongClickListener(GridItemLongClickListener gridItemLongClickListener) {
this.gridItemLongClickListener = gridItemLongClickListener;
return this;
}
/**
* 设置 图片加载
*
* @param imageTextLoaderInterface
*/
public GridViewPager setImageTextLoaderInterface(ImageTextLoaderInterface
imageTextLoaderInterface) {
this.imageTextLoaderInterface = imageTextLoaderInterface;
return this;
}
/**
* 设置背景图片
*
* @param backgroundImageLoaderInterface
* @return
*/
public GridViewPager setBackgroundImageLoader(BackgroundImageLoaderInterface
backgroundImageLoaderInterface) {
this.backgroundImageLoaderInterface = backgroundImageLoaderInterface;
return this;
}
/**
* 设置自定义 PageTransformer
*
* @param pageTransformer
* @return
*/
public GridViewPager setCustomPageTransformer(ViewPager2.PageTransformer pageTransformer) {
this.pageTransformer = pageTransformer;
if (pageTransformer != null) {
viewPager2.setPageTransformer(pageTransformer);
}
return this;
}
/**
* 设置内置的覆盖效果的 PageTransformer
*
* @return
*/
public GridViewPager setCoverPageTransformer() {
this.pageTransformer = new CoverPageTransformer();
viewPager2.setPageTransformer(pageTransformer);
return this;
}
/**
* 设置内置的画廊效果的 PageTransformer
*
* @return
*/
public GridViewPager setGalleryPageTransformer() {
this.pageTransformer = new GalleryPageTransformer();
viewPager2.setPageTransformer(pageTransformer);
return this;
}
/**
* 设置内置的上下进入效果的 PageTransformer
*
* @return
*/
public GridViewPager setTopOrDownPageTransformer(TopOrDownPageTransformer.ModeType modeType) {
this.pageTransformer = new TopOrDownPageTransformer(modeType);
viewPager2.setPageTransformer(pageTransformer);
return this;
}
/**
* 获取页码大小
*
* @return
*/
public int getPageSize() {
pageSize = rowCount * columnCount;
return dataAllCount / pageSize + (dataAllCount % pageSize > 0 ? 1 : 0);
}
/**
* 获取一页大小
*
* @return
*/
public int getOnePageSize() {
return pageSize;
}
/**
* 显示
*/
public void show() {
if (dataAllCount == 0) {
return;
}
// 设置高度
RelativeLayout.LayoutParams rl = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, getAutoHeight());
rl.topMargin = pagerMarginTop;
rl.bottomMargin = pagerMarginBottom;
viewPager2.setLayoutParams(rl);
// 总页数
final int page = getPageSize();
// 显示指示器
andSelectCircleView.setVisibility((mIsShow && page > 1) ? View.VISIBLE : View.GONE);
if (mIsShow && page > 1) {
RelativeLayout.LayoutParams pointParams = (RelativeLayout.LayoutParams) andSelectCircleView.getLayoutParams();
pointParams.topMargin = pointMarginPage;
pointParams.bottomMargin = pointMarginBottom;
andSelectCircleView.setLayoutParams(pointParams);
// 设置指示点
andSelectCircleView
.setmChildWidth(mChildWidth)
.setmChildHeight(mChildHeight)
.setmChildMargin(mChildMargin)
.setmIsCircle(mIsCircle)
.setmNormalColor(mNormalColor)
.setmSelectColor(mSelectColor)
.setPointCheckedChangeListener(new AndSelectCircleView.PointCheckedChangeListener() {
@Override
public void checkedChange(int position) {
if (position >= 0 && position < page) {
// 指示点点击,滚动到对应的页
if (pageLoop) {
viewPager2.setCurrentItem(position + 1, true);
} else {
viewPager2.setCurrentItem(position, true);
}
}
}
})
.addChild(page);
}
// 设置背景图片
if (backgroundImageLoaderInterface != null) {
RelativeLayout.LayoutParams bgImageViewRl = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, getAllHeight());
bgImageView.setLayoutParams(bgImageViewRl);
backgroundImageLoaderInterface.setBackgroundImg(bgImageView);
}
// 设置数据
setAdapter(page);
}
/**
* 设置数据
*/
private List integerList = new ArrayList<>();
private void setAdapter(final int page) {
integerList.clear();
for (int i = 0; i < page; i++) {
integerList.add(i);
}
// 如果开启了循环模式,首位各多添加一页
if (pageLoop && page > 1) {
integerList.add(0, integerList.get(integerList.size() - 1));
integerList.add(0);
}
if (pagerAdapter == null) {
this.post(new Runnable() {
@Override
public void run() {
// post最后调用,可获取测量后的宽度
widthPixels = getMeasuredWidth();
pagerAdapter = new PagerAdapter(viewPager2.getContext(), R.layout.gridpager_item_layout, integerList);
viewPager2.setAdapter(pagerAdapter);
viewPager2.setOffscreenPageLimit(1);
if (pageLoop && page > 1) {
viewPager2.setCurrentItem(1, false);
}
}
});
} else {
notifyDataSetChanged();
}
}
/**
* 刷新数据
*/
private void notifyDataSetChanged() {
if (pagerAdapter != null) {
pagerAdapter.setChanged();
pagerAdapter.notifyDataSetChanged();
if (pageLoop && getPageSize() > 1) {
viewPager2.setCurrentItem(1, false);
}
}
}
/**
* 刷新指定页码数据(每页行列数、数据总数不变,只有某个数据的值改变时使用)
*
* @param position
*/
public void notifyItemChanged(int position) {
// 总页数
int page = getPageSize();
if (position >= 0 && position < page && pagerAdapter != null) {
if (pageLoop && page > 1) {
pagerAdapter.notifyItemChanged(position + 1);
} else {
pagerAdapter.notifyItemChanged(position);
}
}
}
/**
* 计算recycleview高度
*
* @return
*/
private int getAutoHeight() {
return getOnesHeight() * rowCount + (rowCount - 1) * verticalSpacing;
}
/**
* 获取一行的高度
*
* @return
*/
private int getOnesHeight() {
if (mIsShowText) {
return (int) (imageHeight + textImgMargin + getFontHeight(textSize)); // textSize * 1.133
}
return imageHeight;
}
/**
* 计算字体高度
*
* @param fontSize
* @return
*/
private int getFontHeight(float fontSize) {
Paint paint = new Paint();
paint.setTextSize(fontSize);
Paint.FontMetrics fm = paint.getFontMetrics();
return (int) Math.ceil(fm.descent - fm.ascent);
}
/**
* 计算总高度
*
* @return
*/
private int getAllHeight() {
// 总高
int page = dataAllCount / pageSize + (dataAllCount % pageSize > 0 ? 1 : 0);
int recycleviewH = getAutoHeight();
if (mIsShow && page > 1) {
recycleviewH += pagerMarginTop + pagerMarginBottom + pointMarginPage + pointMarginBottom + mChildHeight;
} else {
recycleviewH += pagerMarginTop + pagerMarginBottom;
}
return recycleviewH;
}
/**
* item点击回调
*/
public interface GridItemClickListener {
void click(int position);
}
/**
* item点击回调
*/
public interface GridItemLongClickListener {
void longClick(int position);
}
/**
* 图片加载
*/
public interface ImageTextLoaderInterface {
void displayImageText(ImageView imageView, TextView textView, int position);
}
public interface BackgroundImageLoaderInterface {
void setBackgroundImg(ImageView bgImageView);
}
/**
* PagerAdapter
*/
public class PagerAdapter extends RecyclerView.Adapter {
private Context context;
private int layoutResId;
private List data;
private ViewGroup.LayoutParams layoutParamsMatch;
// private LinearLayout.LayoutParams imageLp;
private LinearLayout.LayoutParams textLp;
public PagerAdapter(Context context, int layoutResId, List data) {
this.context = context;
this.layoutResId = layoutResId;
this.data = data;
setChanged();
}
public void setChanged() {
layoutParamsMatch = new ViewGroup.LayoutParams(widthPixels / columnCount, ViewGroup.LayoutParams.WRAP_CONTENT);
// imageLp = new LinearLayout.LayoutParams(imageWidth, imageHeight);
textLp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
textLp.topMargin = textImgMargin;
}
@Override
public int getItemCount() {
return data == null || data.size() == 0 ? 0 : data.size();
}
@NonNull
@Override
public PagerAdapter.Holder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View view = LayoutInflater.from(context).inflate(layoutResId, parent, false);
return new Holder(view);
}
@Override
public void onBindViewHolder(@NonNull PagerAdapter.Holder holder, int position) {
holder.flexboxLayout.removeAllViews();
int posi = position;
int page = getPageSize();
if (pageLoop && page > 1) {
if (position == 0) { // 第一页,展示实际最后一页的内容
posi = page - 1;
} else if (position == getItemCount() - 1) { // 最后一页,展示实际第一页的内容
posi = 0;
} else { // 否则展示 position - 1 的实际内容
posi = posi - 1;
}
}
// 循环添加每页数据
int pageSizeCount = pageSize;
// 如果是最后一页,判断最后一页是否够每页的大小
if (posi == page - 1) {
pageSizeCount = dataAllCount % pageSize > 0 ? dataAllCount % pageSize : pageSize;
}
for (int i = 0; i < pageSizeCount; i++) {
View view = View.inflate(getContext(), R.layout.gridpager_item, null);
LinearLayout layout = view.findViewById(R.id.ll_layout);
layout.setLayoutParams(layoutParamsMatch);
layout.setBackgroundColor(itemBackgroundColor);
ImageView imageView = view.findViewById(R.id.item_image);
LinearLayout.LayoutParams imageLp = new LinearLayout.LayoutParams(imageWidth, imageHeight);
if (i < columnCount) {
imageLp.topMargin = 0;
} else {
imageLp.topMargin = verticalSpacing;
}
imageView.setLayoutParams(imageLp);
TextView textView = null;
if (mIsShowText) { // 显示文本,初始化文本textView
ViewStub viewStub = view.findViewById(R.id.vs_text);
textView = (TextView) viewStub.inflate(); //view.findViewById(R.id.item_text);
textView.setTextSize(TypedValue.COMPLEX_UNIT_PX, textSize);
textView.setTextColor(textColor);
textView.setLayoutParams(textLp);
}
if (imageTextLoaderInterface != null) {
imageTextLoaderInterface.displayImageText(imageView, textView, posi * pageSize + i);
}
layout.setOnClickListener(new myClick(posi, i));
layout.setOnLongClickListener(new myLongClick(posi, i));
holder.flexboxLayout.addView(view);
}
}
public class Holder extends RecyclerView.ViewHolder {
private FlexboxLayout flexboxLayout;
public Holder(@NonNull View itemView) {
super(itemView);
flexboxLayout = itemView.findViewById(R.id.flex_layout);
flexboxLayout.setAlignContent(alignContent);
}
}
}
private class myClick implements OnClickListener {
private int position;
private int pageCount;
public myClick(int position, int pageCount) {
this.position = position;
this.pageCount = pageCount;
}
@Override
public void onClick(View v) {
if (gridItemClickListener != null) {
gridItemClickListener.click(position * pageSize + pageCount);
}
}
}
private class myLongClick implements OnLongClickListener {
private int position;
private int pageCount;
public myLongClick(int position, int pageCount) {
this.position = position;
this.pageCount = pageCount;
}
@Override
public boolean onLongClick(View v) {
if (gridItemLongClickListener != null) {
gridItemLongClickListener.longClick(position * pageSize + pageCount);
}
return true;
}
}
}
================================================
FILE: gridviewpager_recycleview/src/main/java/cn/mtjsoft/www/gridviewpager_recycleview/transformer/CoverPageTransformer.java
================================================
package cn.mtjsoft.www.gridviewpager_recycleview.transformer;
import android.view.View;
import androidx.annotation.NonNull;
import androidx.viewpager2.widget.ViewPager2;
/**
* 页面覆盖效果
*/
public class CoverPageTransformer implements ViewPager2.PageTransformer {
//初始
private static final float MIN_SCALE = 0.5f;
@Override
public void transformPage(@NonNull View view, float position) {
int pageWidth = view.getWidth();
if (position <= 0) { // [-1,0]
view.setTranslationX(0);
view.setAlpha(1 + position);
view.setScaleX(1);
view.setScaleY(1);
} else { // (0,1]
float SCALE = 0.5f - position / 2;
view.setScaleX(MIN_SCALE + SCALE);
view.setScaleY(MIN_SCALE + SCALE);
view.setAlpha(1 - position);
view.setTranslationX(pageWidth * -position);
}
view.setVisibility(position == 1 || position == -1 ? View.GONE : View.VISIBLE);
}
}
================================================
FILE: gridviewpager_recycleview/src/main/java/cn/mtjsoft/www/gridviewpager_recycleview/transformer/GalleryPageTransformer.java
================================================
package cn.mtjsoft.www.gridviewpager_recycleview.transformer;
import android.view.View;
import androidx.annotation.NonNull;
import androidx.viewpager2.widget.ViewPager2;
/**
* 页面画廊效果
*/
public class GalleryPageTransformer implements ViewPager2.PageTransformer {
//初始
private static final float MIN_SCALE = 0.85f;
@Override
public void transformPage(@NonNull View view, float position) {
float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
float rotate = 25 * Math.abs(position);
if (position > 0) {
view.setScaleX(scaleFactor);
view.setScaleY(scaleFactor);
view.setRotationY(-rotate);
} else {
view.setScaleX(scaleFactor);
view.setScaleY(scaleFactor);
view.setRotationY(rotate);
}
}
}
================================================
FILE: gridviewpager_recycleview/src/main/java/cn/mtjsoft/www/gridviewpager_recycleview/transformer/TopOrDownPageTransformer.java
================================================
package cn.mtjsoft.www.gridviewpager_recycleview.transformer;
import android.view.View;
import androidx.annotation.NonNull;
import androidx.viewpager2.widget.ViewPager2;
/**
* 页面上下进入效果
*/
public class TopOrDownPageTransformer implements ViewPager2.PageTransformer {
//初始
private static final float MIN_SCALE = 0.5f;
private ModeType modeType;
public TopOrDownPageTransformer(ModeType modeType) {
this.modeType = modeType;
}
@Override
public void transformPage(@NonNull View view, float position) {
int pageWidth = view.getWidth();
int pageHeight = view.getHeight();
if (position <= 0) { // [-1,0]
view.setTranslationX(0);
view.setTranslationY(0);
view.setAlpha(1 + position);
view.setScaleX(1);
view.setScaleY(1);
} else { // (0,1]
float SCALE = 0.5f - position / 2;
view.setScaleX(MIN_SCALE + SCALE);
view.setScaleY(MIN_SCALE + SCALE);
view.setAlpha(1 - position);
view.setTranslationX(pageWidth * -position);
if (modeType != null) {
if (modeType.getType() == ModeType.MODE_TOP.getType()) {
view.setTranslationY(pageHeight * -position);
} else {
view.setTranslationY(pageHeight * position);
}
}
}
view.setVisibility(position == 1 || position == -1 ? View.GONE : View.VISIBLE);
}
public enum ModeType {
MODE_TOP(1, "自上而下"),
MODE_DOWN(2, "自下而上");
private int type;
private String name;
ModeType(int type, String name) {
this.type = type;
this.name = name;
}
public int getType() {
return type;
}
public void setType(int type) {
this.type = type;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
}
================================================
FILE: gridviewpager_recycleview/src/main/java/cn/mtjsoft/www/gridviewpager_recycleview/view/AndDensityUtils.java
================================================
package cn.mtjsoft.www.gridviewpager_recycleview.view;
import android.content.Context;
public class AndDensityUtils {
/**
* 根据手机的分辨率从 dp 的单位 转成为 px(像素)
*/
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
/**
* 根据手机的分辨率从 px(像素) 的单位 转成为 dp
*/
public static int px2dip(Context context, float pxValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (pxValue / scale + 0.5f);
}
/**
* 将px值转换为sp值,保证文字大小不变
*
* @param pxValue (DisplayMetrics类中属性scaledDensity)
* @return
*/
public static int px2sp(Context context, float pxValue) {
final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
return (int) (pxValue / fontScale + 0.5f);
}
/**
* 将sp值转换为px值,保证文字大小不变
*
* @param spValue (DisplayMetrics类中属性scaledDensity)
* @return
*/
public static int sp2px(Context context, float spValue) {
final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
return (int) (spValue * fontScale + 0.5f);
}
}
================================================
FILE: gridviewpager_recycleview/src/main/java/cn/mtjsoft/www/gridviewpager_recycleview/view/AndSelectCircleView.java
================================================
package cn.mtjsoft.www.gridviewpager_recycleview.view;
import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.StateListDrawable;
import android.util.AttributeSet;
import android.view.Gravity;
import android.widget.LinearLayout;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import java.security.InvalidParameterException;
import androidx.core.graphics.drawable.RoundedBitmapDrawable;
import androidx.core.graphics.drawable.RoundedBitmapDrawableFactory;
import cn.mtjsoft.www.gridviewpager_recycleview.R;
/**
* 显示小圆点,表示当前选择的位置
*
* @author yuan
*/
@SuppressLint("Recycle")
public class AndSelectCircleView extends RadioGroup {
private static final String tag = AndSelectCircleView.class.getSimpleName();
//默认的子控件的大小,单位是dp
private static final int DEAFULT_CHILD_SIZE = 8;
//默认情况下子控件之间的间距,单位是dp
private static final int DEFAULT_CHILD_MARGIN = 8;
//默认显示的颜色值
private static final int DEFAULT_NORMAL_COLOR = Color.GRAY;
//默认选中显示的颜色值
private static final int DEFAULT_SELECT_COLOR = Color.RED;
//子控件显示的宽度
private int mChildWidth = 0;
//子控件显示的高度
private int mChildHeight = 0;
//两个子控件之间的间距
private int mChildMargin = 0;
//正常情况下显示的颜色
private int mNormalColor = DEFAULT_NORMAL_COLOR;
//选中的时候现实的颜色
private int mSelectColor = DEFAULT_SELECT_COLOR;
//正常情况下显示的drawable
private Drawable mNormalDrawable = null;
//选中情况下显示的drawable
private Drawable mSelectDrawable = null;
//是否显示圆点
private boolean mIsCircle = true;
//
private PointCheckedChangeListener pointCheckedChangeListener;
public AndSelectCircleView(Context context, AttributeSet attrs) {
super(context, attrs);
setOrientation(LinearLayout.HORIZONTAL);
setGravity(Gravity.CENTER);
TypedArray attributes = context.obtainStyledAttributes(attrs, R.styleable.AndSelectCircleView);
mChildWidth = attributes.getDimensionPixelSize(R.styleable.AndSelectCircleView_child_width, AndDensityUtils.dip2px(context, DEAFULT_CHILD_SIZE));
mChildHeight = attributes.getDimensionPixelSize(R.styleable.AndSelectCircleView_child_height, AndDensityUtils.dip2px(context, DEAFULT_CHILD_SIZE));
mChildMargin = attributes.getDimensionPixelSize(R.styleable.AndSelectCircleView_child_margin, AndDensityUtils.dip2px(context, DEFAULT_CHILD_MARGIN));
mIsCircle = attributes.getBoolean(R.styleable.AndSelectCircleView_is_circle, true);
mNormalColor = attributes.getColor(R.styleable.AndSelectCircleView_normal_color, DEFAULT_NORMAL_COLOR);
mSelectColor = attributes.getColor(R.styleable.AndSelectCircleView_select_color, DEFAULT_SELECT_COLOR);
attributes.recycle();
}
private Drawable getSpecialDrawable(boolean isNormal) {
if (mIsCircle) {
int width = Math.min(mChildHeight, mChildWidth);
RoundedBitmapDrawable create = RoundedBitmapDrawableFactory.create(getResources(), getCircleDrawableBitmap(isNormal, width));
create.setCircular(true);
return create;
} else {
ColorDrawable drawable = new ColorDrawable(isNormal ? mNormalColor : mSelectColor);
drawable.setBounds(0, 0, mChildWidth, mChildHeight);
return drawable;
}
}
private Bitmap getCircleDrawableBitmap(boolean isNormal, int width) {
Bitmap bitmap = Bitmap.createBitmap(width, width, Config.RGB_565);
Canvas canvas = new Canvas(bitmap);
canvas.drawColor(isNormal ? mNormalColor : mSelectColor);
return bitmap;
}
public AndSelectCircleView(Context context) {
super(context);
setOrientation(LinearLayout.HORIZONTAL);
initView();
}
/**
* 初始化控件
*/
private void initView() {
mChildHeight = AndDensityUtils.dip2px(getContext(), DEAFULT_CHILD_SIZE);
mChildWidth = AndDensityUtils.dip2px(getContext(), DEAFULT_CHILD_SIZE);
mChildMargin = AndDensityUtils.dip2px(getContext(), DEFAULT_CHILD_MARGIN);
}
/**
* 设置宽度
*
* @param mChildWidth
* @return
*/
public AndSelectCircleView setmChildWidth(int mChildWidth) {
this.mChildWidth = mChildWidth;
return this;
}
public AndSelectCircleView setmChildHeight(int mChildHeight) {
this.mChildHeight = mChildHeight;
return this;
}
public AndSelectCircleView setmIsCircle(boolean mIsCircle) {
this.mIsCircle = mIsCircle;
return this;
}
public AndSelectCircleView setmChildMargin(int mChildMargin) {
this.mChildMargin = mChildMargin;
return this;
}
public AndSelectCircleView setmNormalColor(int mNormalColor) {
this.mNormalColor = mNormalColor;
return this;
}
public AndSelectCircleView setmSelectColor(int mSelectColor) {
this.mSelectColor = mSelectColor;
return this;
}
public AndSelectCircleView setPointCheckedChangeListener(PointCheckedChangeListener pointCheckedChangeListener) {
this.pointCheckedChangeListener = pointCheckedChangeListener;
return this;
}
/**
* 添加子View
*
* @param count 添加的数量
*/
@SuppressWarnings("deprecation")
public void addChild(int count) {
clear();
if (count < 1) {
return;
}
mNormalDrawable = getSpecialDrawable(true);
mSelectDrawable = getSpecialDrawable(false);
for (int index = 0; index < count; index++) {
RadioButton button = new RadioButton(getContext());
button.setId(index);
StateListDrawable drawable = new StateListDrawable();
drawable.addState(new int[]{android.R.attr.state_checked}, mSelectDrawable);
drawable.addState(new int[]{}, mNormalDrawable);
button.setButtonDrawable(new ColorDrawable(Color.TRANSPARENT));
button.setBackgroundDrawable(drawable);
LayoutParams params = new LayoutParams(mChildWidth, mChildHeight);
if (index == 0) {
button.setChecked(true);
params.leftMargin = 0;
} else {
button.setChecked(false);
params.leftMargin = mChildMargin;
}
addView(button, index, params);
}
setOnCheckedChangeListener(new OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
if (pointCheckedChangeListener != null) {
pointCheckedChangeListener.checkedChange(checkedId);
}
}
});
}
/**
* 设置选中的位置
*
* @param position
*/
public void setSelectPosition(int position) {
if (position < getChildCount() && position >= 0) {
RadioButton button = (RadioButton) getChildAt(position);
button.setChecked(true);
}
}
/**
* 清除所有
*/
public void clear() {
removeAllViews();
}
public interface PointCheckedChangeListener {
void checkedChange(int position);
}
}
================================================
FILE: gridviewpager_recycleview/src/main/res/layout/gridpager_item.xml
================================================
================================================
FILE: gridviewpager_recycleview/src/main/res/layout/gridpager_item_layout.xml
================================================
================================================
FILE: gridviewpager_recycleview/src/main/res/layout/gridpager_item_text.xml
================================================
================================================
FILE: gridviewpager_recycleview/src/main/res/layout/gridpager_layout.xml
================================================
================================================
FILE: gridviewpager_recycleview/src/main/res/values/attrs.xml
================================================
================================================
FILE: gridviewpager_recycleview/src/main/res/values/strings.xml
================================================
GridViewPager
================================================
FILE: gridviewpager_recycleview/src/test/java/cn/mtjsoft/www/gridviewpager_recycleview/ExampleUnitTest.java
================================================
package cn.mtjsoft.www.gridviewpager_recycleview;
import org.junit.Test;
import static org.junit.Assert.*;
/**
* Example local unit test, which will execute on the development machine (host).
*
* @see Testing documentation
*/
public class ExampleUnitTest {
@Test
public void addition_isCorrect() {
assertEquals(4, 2 + 2);
}
}
================================================
FILE: settings.gradle
================================================
include ':app', ':gridviewpager_recycleview'