ScratchView
Intro
ScratchView repo is UX Design involving scratch cards like views which are scratched to reveal the information they conceal. There are two types of ScratchView
-
- A Child of ImageView which conceals the image. Scratching over the view will reveal the hidden image.
-
- A Child of TextView which conceals the text. Scratching over the view will reveal the hidden text.
Demo Screen
| ScratchImageView | ScratchTextView |
|---|---|
 |
 |
Useful Methods
Both the views have following three methods which are useful to reveal or determine whether revealed and listener during revealing the hidden text/image.
isRevealed()- tells whether the text/image has been revealed.reveal()- reveals the image/text if not revealed yet.setRevealListener(IRevealListener)- a callback listener interface which gets called back when user reveals the text/image through onReveal() method.
Usage
ScratchImageView
XML
<com.cooltechworks.views.ScratchImageView
android:id="@+id/sample_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@android:color/white"
android:src="@drawable/img_sample2"
/>
JAVA
ScratchImageView scratchImageView = new ScratchImageView(this);
scratchImageView.setRevealListener(new ScratchImageView.IRevealListener() {
@Override
public void onRevealed(ScratchImageView tv) {
// on reveal
}
@Override
public void onRevealPercentChangedListener(ScratchImageView siv, float percent) {
// on image percent reveal
}
});
ScratchTextView
XML
<com.cooltechworks.views.ScratchTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center|end"
android:text="@string/flat_200"
android:textSize="15sp"
android:textStyle="bold" />
JAVA
ScratchTextView scratchTextView = new ScratchTextView(this);
scratchTextView.setRevealListener(new ScratchTextView.IRevealListener() {
@Override
public void onRevealed(ScratchTextView tv) {
//on reveal
}
@Override
public void onRevealPercentChangedListener(ScratchTextView stv, float percent) {
// on text percent reveal
}
});
Adding to your project
- Add the following configuration in your build.gradle file.
repositories {
jcenter()
maven { url "https://jitpack.io" }
}
dependencies {
compile 'com.github.cooltechworks:ScratchView:v1.1'
}
Developed By
- Harish Sridharan - [email protected]
License
Copyright 2016 Harish Sridharan
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.
1.3k Dec 14, 2022
54 Jan 4, 2023
2.3k Dec 9, 2022
316 Nov 29, 2022
2.1k Jan 1, 2023
2.7k Dec 19, 2022
681 Sep 7, 2022
1 Oct 15, 2022
328 Jun 18, 2022
4 Oct 4, 2022
304 Nov 25, 2022
924 Nov 10, 2022
944 Dec 27, 2022
858 Jan 6, 2023
812 Dec 7, 2022
489 Dec 12, 2022
562 Nov 11, 2022
53 Aug 7, 2021
2.8k Jan 5, 2023