| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
A custom view to display information in a Linear Graph with smooth animations!
Step 1: Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
maven { url "https://jitpack.io" }
}
}
Step 2. Add the dependency
dependencies {
implementation 'com.github.swapnil1104:LinearGraphView:{current_lib_ver}'
}
Step 3. Add OtpEditText to your layout file
android:id="@+id/linear_graph_view"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
Step 4. Refer this View in your activity file, create a List and populate it with your values, use this list and invoke setData(List.
The second param is the entire span graph view, and value param in each DataModel object will occupy a percent length.
Width of each item is calculated by model.value / range * viewWidth.
LinearGraphView lgv = findViewById(R.id.linear_graph_view);
List dataList = new ArrayList<>();
dataList.add(new DataModel("One", "#00ffff", 100));
dataList.add(new DataModel("Two", "#74EEA1", 250));
dataList.add(new DataModel("Three", "#f2002f", 100));
dataList.add(new DataModel("four", "#B61CB3", 180));
lgv.setData(dataList, 1000);
The above code will result in this:
To use a custom color for the border of LinearGraphView, use
app:lgv_border_color="@color/colorAccent"
To change the animation duration of the initial border transition, use
app:lgv_border_anim_duration="{TIME_IN_MS}"
An Android custom view library to display color coded information in a graphical format