Comments (3)
@JyotimoyKashyap I'm really glad you made the button I wanted .... thank you for your help
from synth-android.
I have tried to recreate the button style that you have specified. I may not have been able to achieve the desired look to 100% but I think this should help in getting the idea for customizing the button as per one needs.
Below is the code that I used in the layout.xml file
<club.cred.synth.views.SynthButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:neuButtonType="elevated_flat"
app:neuFlatButtonAppearance="@style/button_flat_appearance"
app:neuPlatformAppearance="@style/button_platform_appearance"
android:paddingStart="40dp"
android:paddingEnd="40dp"
android:paddingTop="20dp"
android:paddingBottom="20dp"
android:textSize="15dp"
android:textStyle="bold"
android:textColor="@color/white"
android:text="Proceed to pay"/>
Below is the configuration I used in themes.xml
<style name="button_platform_appearance">
<item name="neuLightShadowColor">#505050</item>
<item name="neuDarkShadowColor">#0f0d0f</item>
<item name="neuFillStartColor">#3bcf33</item>
<item name="neuFillEndColor">#1e8b1c</item>
<item name="neuFillPressedStartColor">#34A814</item>
<item name="neuFillPressedEndColor">#34A814</item>
<item name="neuBorderStartColor">#34A814</item>
<item name="neuBorderEndColor">#34A814</item>
<item name="neuBorderPressedStartColor">#34A814</item>
<item name="neuBorderPressedEndColor">#34A814</item>
</style>
<style name="button_flat_appearance">
<item name="neuButtonStartColor">#40F40E</item>
<item name="neuButtonEndColor">#3CD611</item>
<item name="neuButtonBorder1StartColor">#34A814</item>
<item name="neuButtonBorder1EndColor">#34A814</item>
<item name="neuButtonBorder2StartColor">#34A814</item>
<item name="neuButtonBorder2EndColor">#34A814</item>
<item name="neuButtonPressedDarkShadowColor">#34A814</item>
</style>
Hope with this you will be able to achieve the desired look.
from synth-android.
But it doesn't have that elevated_soft
click effect
from synth-android.
Related Issues (16)
- Adding child view to club.cred.synth.views.ElevatedView HOT 2
- ElevatedDrawable not working even after setting clipChildren = false HOT 3
- How to use ElevatedView??
- Not working on Recyclerview HOT 2
- Change Shadow Color HOT 1
- Disabled state of button causing weird rectangular shadow HOT 1
- issue with dependencies HOT 2
- setIconPitRadius() is not working
- Synth not found HOT 1
- How to give bottom depth color? HOT 3
- Shadow in buttons. HOT 2
- App style changed after adding this library HOT 7
- ElevatedView background colour HOT 1
- Issue with dependencies HOT 1
- How to use pitview? i want the image inside pit view HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from synth-android.