TriangularCustomView

A Custom View to indicate multiple fragments with a triangular indicator.

Usage

Step 1: Add it in your root build.gradle (project) at the end of repository:

allprojects {

repositories {

 ...
 maven {
 url 'https://jitpack.io' 
}

}
  
}
 

Step 2: In your app build.gradle add the following dependency

dependencies {

  compile 'com.github.Jhuku:TriangularCustomView:0.1.1'

}
 

Step 3: Set the colour and no of sections in the xml

<com.shuvam.triangleindicator.TriangularIndicator

android:layout_width="match_parent"

android:layout_height="80dp"

app:no_of_sections="5"

android:id="@+id/triangle"

app:set_colour="#253e97"

/> 

Step 4: In your Activity create an array of image resoures

Create an array of vector image resources from the drawable.

mCustomView = (TriangularIndicator) findViewById(R.id.triangle);
  int [] res = {
 R.drawable.settimerbutton,

 R.drawable.settimerbutton,

  R.drawable.settimerbutton,

 R.drawable.settimerbutton,

 R.drawable.settimerbutton
}
;  mCustomView.setResources(res);
 

Navigate with the following Touch listener section value

 mCustomView.setOnTouchListener(new View.OnTouchListener() {

 @Override

 public boolean onTouch(View v, MotionEvent event) {

float section = (int)Math.floor(event.getX()*(res.length)/mCustomView.getWidth());

 Log.d("Touch event value",""+section);

  return false;

 
}

}
);
 

Here section value 0.0 means first tab and so on..