-
Notifications
You must be signed in to change notification settings - Fork 91
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
93 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,93 @@ | ||
# Curtain | ||
[![Hex.pm](https://img.shields.io/hexpm/l/plug.svg)](https://www.apache.org/licenses/LICENSE-2.0) | ||
#### 一个更简洁好用的高亮蒙层库: | ||
- 一行代码完成某个View,或者多个View的高亮展示 | ||
- 高亮区域支持自定义大小、操作灵活 | ||
- 顺应变化,基于Android X | ||
- 配置简单,导入方便 | ||
|
||
## Usage: | ||
|
||
- 仅仅是高亮某个View | ||
```java | ||
private void showCurtain(){ | ||
new Curtain(MainActivity.this) | ||
.with(findViewById(R.id.textView)) | ||
.show(); | ||
} | ||
``` | ||
![image](https://upload-images.jianshu.io/upload_images/4346197-92c1944753653bbe.png) | ||
|
||
- 如果你希望那个view的蒙层区域更大一些: | ||
|
||
```java | ||
private void showCurtain(){ | ||
new Curtain(MainActivity.this) | ||
.with(findViewById(R.id.textView)) | ||
.withPadding(findViewById(R.id.textView),24) | ||
.show(); | ||
} | ||
|
||
``` | ||
- 也可以同时高亮多个View: | ||
|
||
```java | ||
private void showCurtain(){ | ||
new Curtain(MainActivity.this) | ||
.with(findViewById(R.id.textView)) | ||
.with(findViewById(R.id.imageView)) | ||
.show(); | ||
} | ||
``` | ||
![image](https://upload-images.jianshu.io/upload_images/4346197-a5b0376674a7b373.png) | ||
|
||
- 如果你在蒙层上加上一些其他的元素,可以额外传入View布局: | ||
|
||
```java | ||
private void showCurtain(){ | ||
new Curtain(MainActivity.this) | ||
.with(findViewById(R.id.textView)) | ||
.setTopView(R.layout.nav_header_main) | ||
.show(); | ||
} | ||
``` | ||
![image](https://upload-images.jianshu.io/upload_images/4346197-f0f7453aae3cec80.png) | ||
|
||
- 如果你想监听蒙层的展示或者消失的回调: | ||
|
||
```java | ||
private void showCurtain(){ | ||
new Curtain(MainActivity.this) | ||
.with(findViewById(R.id.imageView)) | ||
.setCallBack(new Curtain.CallBack() { | ||
@Override | ||
public void onShow(IGuide iGuide) { | ||
|
||
} | ||
|
||
@Override | ||
public void onDismiss(IGuide iGuide) { | ||
|
||
} | ||
}).show(); | ||
} | ||
``` | ||
- 其他一些功能介绍: | ||
|
||
```java | ||
private void showCurtain() { | ||
new Curtain(MainActivity.this) | ||
.with(findViewById(R.id.imageView)) | ||
//是否允许回退关闭蒙层 | ||
.setCancelBackPressed(false) | ||
// 设置蒙层背景颜色 | ||
.setCurtainColor(0x88000000) | ||
// 设置蒙层出现的动画 默认渐隐 | ||
.setAnimationStyle(R.style.testAnimation) | ||
.show(); | ||
} | ||
``` | ||
|
||
![image](https://upload-images.jianshu.io/upload_images/4346197-8a512957a5a472c6.gif) | ||
|
||
[Github地址](https://github.com/soulqw/Curtain) |