LinearGraphView
A custom view to display information in a Linear Graph with smooth animations!
How to integrate the library in your app?
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
<com.broooapps.lineargraphview2.LinearGraphView
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<DataModel> dataModel, int range)
.
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<DataModel> 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:
How to customize the view.
Setting custom border color
To use a custom color for the border of LinearGraphView, use
app:lgv_border_color="@color/colorAccent"
Setting border animation duration
To change the animation duration of the initial border transition, use
app:lgv_border_anim_duration="{TIME_IN_MS}"