This library is made for learning purposes of replicating Instagram's UI Widgets in 2020 in Android (100% Kotlin)
Add this in your root build.gradle file (not your module build.gradle file):
allprojects {
repositories {
...
maven { url "https://jitpack.io" }
}
}Add this to your module's build.gradle file (make sure the version matches the JitPack badge above):
dependencies {
...
implementation 'com.github.codewithbg:DroidGram:1.0.0'
}Click here to see behind the scenes on Youtube
In this library all the UI widgets try to mock Instagram's widgets like Poll Widget, it's textview where the colors are tinted with gradients.
<com.androar.droidgram.PollView
android:id="@+id/poll_widget"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:questionText="Do you like Curd?"
app:optionOneText="Yes 😁"
app:optionTwoText="No 🤢"
app:pollCardHeight="80dp" <!---- Optional --->
app:pollOptionsHeight="40dp" <!---- Optional --->
app:pollOptionsCornerRadius="15dp" <!---- Optional --->
app:pollBackgroundColor="@android:color/white" <!---- Optional --->
app:optionOneBackgroundColor="@android:color/white" <!---- Optional --->
app:optionTwoBackgroundColor="@android:color/white" <!---- Optional --->
app:questionTextColor="@android:color/black" <!---- Optional --->
app:questionTextSize="23dp" <!---- Optional --->
app:optionOneStartColor="@android:color/blue" <!---- Optional --->
app:optionTwoStartColor="@android:color/blue" <!---- Optional --->
app:optionOneEndColor="@android:color/green" <!---- Optional --->
app:optionTwoEndColor="@android:color/green" <!---- Optional --->
app:optionOneTextSize="18dp" <!---- Optional --->
app:optionTwoTextSize="18dp" <!---- Optional --->
app:pollDividerColor="@android:color/grey" <!---- Optional --->
app:optionOnePercentage="23F" <!---- Optional, Ideally set it on runtime using code --->
app:optionTwoPercentage="77F" <!---- Optional, Ideally set it on runtime using code --->
app:defaultOptionOneFromValue="50F" <!---- Optional --->
app:defaultOptionTwoFromValue="50F" <!---- Optional --->
app:pollAnimationDuration="500" <!---- Optional --->
app:minThresholdValue="10F" <!---- Optional --->
app:maxThresholdValue="90F" <!---- Optional --->
/>
You can set these properties in your java or kotlin code as well. Anything that's set in XML, can be set on Runtime using PollView.SetFunction() If you want to apply any custom UI changes, use the public getters and apply your styles to them, that's the reason getters aren't public in the library. It's important to call poll_view.attachCallBackListener(this) on your fragments/activites and implement callbacks. See Sample for reference.
class MainActivity : AppCompatActivity(), PollView.CardPollWidgetCallBack {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
findViewById<PollView>(R.id.poll_widget).apply {
setPollQuestion("Do you like this Library? 😍")
setPollAnswers("Yes ♥", "No 😥")
attachCallBackListener(this@MainActivity)
}
}
override fun onOptionOneSelected(pollAnswer: String?) {
findViewById<PollView>(R.id.poll_widget).apply {
reset()
setOptionOnePercentage(90F)
}
}
override fun onOptionTwoSelected(pollAnswer: String?) {
findViewById<PollView>(R.id.poll_widget).apply {
reset()
setOptionTwoPercentage(70F)
}
}
<com.androar.droidgram.GradientTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:gradientStartColor="@color/default_gradient_text_view_color_two"
app:gradientEndColor="@color/default_gradient_text_view_color_three"
android:text="You like ice-cream though, don't you?"
android:textSize="26sp"
android:gravity="center"
android:layout_gravity="center"/>You can set these properties in your java or kotlin code as well.
Coming soon, feel free to Contribute on this as well!
Coming soon, feel free to Contribute on this as well!
Please fork this repository and contribute back using pull requests.
Any contributions, large or small, major features, bug fixes, are welcomed and appreciated but will be thoroughly reviewed .
Copyright 2020 Bharadwaj Giridhar
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.