An Implementation Of Tap Targets From The Material Design Guidelines


An implementation of tap targets from Google's Material Design guidelines on feature discovery.

Min SDK: 14



TapTargetView is distributed using MavenCentral.

   repositories { 
   dependencies {
         implementation 'com.getkeepsafe.taptargetview:taptargetview:x.x.x'

If you wish, you may also use TapTargetView with jitpack. For snapshots, please follow the instructions here.


Simple usage

TapTargetView.showFor(this,                 // `this` is an Activity    TapTarget.forView(findViewById(, "This is a target", "We have the best targets, believe me")        // All options below are optional        .outerCircleColor(      // Specify a color for the outer circle    .outerCircleAlpha(0.96f)            // Specify the alpha amount for the outer circle        .targetCircleColor(R.color.white)   // Specify a color for the target circle        .titleTextSize(20)                  // Specify the size (in sp) of the title text        .titleTextColor(R.color.white)      // Specify the color of the title text        .descriptionTextSize(10)            // Specify the size (in sp) of the description text        .descriptionTextColor(  // Specify the color of the description text        .textColor(            // Specify a color for both the title and description text        .textTypeface(Typeface.SANS_SERIF)  // Specify a typeface for the text        .dimColor(            // If set, will dim behind the view with 30% opacity of the given color        .drawShadow(true)                   // Whether to draw a drop shadow or not        .cancelable(false)                  // Whether tapping outside the outer circle dismisses the view        .tintTarget(true)                   // Whether to tint the target view's color        .transparentTarget(false)           // Specify whether the target is transparent (displays the content underneath)        .icon(Drawable)                     // Specify a custom drawable to draw as the target        .targetRadius(60),                  // Specify the target radius (in dp)    new TapTargetView.Listener() {          // The listener can listen for regular clicks, long clicks or cancels        @Override        public void onTargetClick(TapTargetView view) {            super.onTargetClick(view);      // This call is optional            doSomething();        }    });

You may also choose to target your own custom Rect with TapTarget.forBounds(Rect, ...)

Additionally, each color can be specified via a @ColorRes or a @ColorInt. Functions that have the suffix Int take a @ColorInt.

Tip: When targeting a Toolbar item, be careful with Proguard and ensure you're keeping certain fields. See #180


You can easily create a sequence of tap targets with TapTargetSequence:

new TapTargetSequence(this)    .targets(        TapTarget.forView(findViewById(, "Gonna"),        TapTarget.forView(findViewById(, "You", "Up")                .dimColor(android.R.color.never)                .outerCircleColor(R.color.gonna)                .targetCircleColor(R.color.let)                .textColor(,        TapTarget.forBounds(rickTarget, "Down", ":^)")                .cancelable(false)                .icon(rick))    .listener(new TapTargetSequence.Listener() {        // This listener will tell us when interesting(tm) events happen in regards        // to the sequence        @Override        public void onSequenceFinish() {            // Yay        }                @Override        public void onSequenceStep(TapTarget lastTarget, boolean targetClicked) {            // Perform action for the current target        }        @Override        public void onSequenceCanceled(TapTarget lastTarget) {            // Boo        }    });

A sequence is started via a call to start() on the TapTargetSequence instance

For more examples of usage, please look at the included sample app.


Third Party Bindings

React Native

Thanks to @prscX, you may now use this library with React Native via the module here


Thanks to @hamdiwanis, you may now use this library with NativeScript via the plugin here


Thanks to @btripp, you may now use this library via a Xamarin Binding located here.


Copyright 2016 Keepsafe Software Inc.

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

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
See the License for the specific language governing permissions and
limitations under the License.

Download Details:

Author: KeepSafe
Source Code:

License: Apache-2.0 license

#android #MaterialDesign

What is GEEK

Buddha Community

An Implementation Of Tap Targets From The Material Design Guidelines

Landscapes Website Design | Nature Landscapes Website Designer

Most landscapers think of their website as an online brochure. In reality of consumers have admitted to judging a company’s credibility based on their web design, making your website a virtual sales rep capable of generating massive amounts of leads and sales. If your website isn’t actively increasing leads and new landscaping contracts, it may be time for a redesign.

DataIT Solutions specializes in landscape website designing that are not only beautiful but also rank well in search engine results and convert your visitors into customers. We’ve specialized in the landscaping industry for over 10 years, and we look at your business from an owner’s perspective.

Why use our Landscapes for your landscape design?

  • Superior experience
  • Friendly personal service
  • Choice of design layout
  • Budget sensitive designs
  • Impartial product choice and advice
  • Planting and lighting designs

Want to talk about your website?
If you are a gardener or have a gardening company please do not hesitate to contact us for a quote.
Need help with your website?
Get in touch

#nature landscapes website design #landscapes website design #website design #website designing #website designer #designer

Juned Ghanchi


Designing Mobile Apps using the latest UI Design Principles

The mobile technology world is growing at the speed of light, and the apps have become an integral part of our daily life. We can now see an influx of technology with tools that can help create mobile apps. All of them are becoming more accessible and hence people are getting on their first app making journeys. Since the mobile app industry is getting bigger and better than ever, businesses from all corners of the world are trying to develop mobile apps for their operations and marketing. Designing a mobile app for businesses is the first step, though. Company owners are in charge of the basic look and feel of the designed product. With a brilliant mobile app design, one can establish a relationship between app and user very well.

Read Blog Here:

#designing mobile apps #ui design principles #mobile ui design #mobile app design #ui design #app design

Security Website Design

As web developers, we strive to meet your specific needs by creating a website that is user-friendly and remains relevant to the current design trends. This ensures that your website grabs the attention of your audience and keeps you ahead of your competitors.

DataIT Solutions team of experts works collaboratively to create ideas that can meet your requirements. Our Website Designing Company believes in High-Quality Professional Website Designing for your Security Website Designing. Our designers have experience in working on a wide array of projects, including websites of the next generation. We listen to your needs and then deliver.

Our Expertise includes:

  • Dot Net Development
  • PHP Development
  • HTML5 Development
  • IOS App Development
  • Android App Development
  • Website Security services

Our team of experts has the expertise, knowledge, and skills to take control and dominate the web design industry over the next couple of years. They are on hand to listen to your ideas, goals, and help you to have a website that is unique and works with your business and brand.

Looking for a better design? Need a professional web design?
Get in touch with our, Web Design Professional experts.

#security website design #security website designing #security website designer #website designer #website designing #website design

How To Make Marvelous Microcopy: 7 Surefire Tips

Good microcopy is one of the fastest ways to improve an interface. Try doing an audit on your UI with these tips to see how it stands up.

1) Use personal pronouns

Address the reader instead of just talking out loud. Use the word you. People pay more attention when you talk directly to them.

#design #web-design #product-design #ux-design #ui-design #design-principles #microcopy #ux-writing

UI/UX Design Principles: Guide to Perfect App Designing Process -

Following the app design process and UI/UX design principles rightly guide UI/UX designers to purvey app designs that help in developing efficient mobile apps.
In this article, we will discuss a perfect app designing process that will help you build a mobile app with a great design that attracts the targeted audience and increases user engagement, hence boosting the conversion rate for an app.

#role of ui & ux design in app development #app design tips to follow #ui/ux design strategies #app designing process #ui/ux designers #ui design