cred-club / synth-android Goto Github PK

View Code? Open in Web Editor NEW

1.0K 1.0K 105.0 347 KB

Synth is CRED's inbuilt library for using Neumorphic components in your app.

Home Page: https://blog.cred.club/team-cred/design/world-meet-neumorphism-open-sourcing-our-ui-framework/

License: Apache License 2.0

Kotlin 100.00%

android android-library design neumorphism synth ui

synth-android's People

Contributors

Stargazers

Watchers

Forkers

sidhant92 srtvprateek akshayr6 madhurbhargava rutvik-panchal erebus0 pankaj1993jangir sun3y21 myforkrepos akashd7 raghut vivek6923 utsav-devadiga tchigher chandmohd ashish-andev r-gokul inderisonline ashutoshpw suhasbhairav thesoftwaremasons nishantsharma1115 swapnil074 rockystevejobs prashantshrivastava-cred denysyakubets nitinnatural haneetgh sainivik dilavar the-code-chef yadgarovislombek iamjayantjha pranavlathigara osemjaza shahbazexpress fqclovelal trendingtechnology tej0253 shubhamagr ankan1811 hiteshmah-jan iamn3utr1n0 orlandev jayesh83 anvesh523 redmi111 sumitmishra72925 niteshkazi yagna2652 morristech h4rz ladroshan jitendraks krhckd93 anirudheyyani jtarun4625 fillmyform2020 shrikant-b elmaedesistemas demonofmaxwells dgfug bishalakajiren thakurshiv11 rakeshrajmahakud swayangjit rishuyadav teebow prameetaglave ekhiw sharmaprateek196 bilal7323 blazehub josue-lubaki abhinavshm95 sanishchirayath1 khedubaba shrivaidyaraghavan vanneldasx xahiru govindapaliwal bhavin-qfonapp ganeshsamant007 jazoman prajata22 mwaurathealex pranjul1996 codercaisl rahulmehta53 kia1349 captainbarber99 abhishek-207 vishalzende7 cafexuan blackblind567 reefaq cerykaart gtixlb harishgovindaraj imsaba16

synth-android's Issues

ElevatedDrawable not working even after setting clipChildren = false

<androidx.cardview.widget.CardView
    android:clipToPadding="false"
    android:layout_margin="20dp"
    android:id="@+id/kindle_parent_card_detail"
    android:background="@drawable/kindle_card"
    app:cardBackgroundColor="@color/cool_gray"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.Neumorph.Dark"
    style="@style/Widget.Neumorph.CardView"
    android:clipChildren="false">


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_margin="30dp"
            android:elevation="50dp"
            android:clipChildren="false">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="15sp"
            android:layout_marginHorizontal="20dp"
            android:fontFamily="@font/poppins"
            android:textColor="@color/white"
            android:id="@+id/highlight_text"/>
        <androidx.cardview.widget.CardView
            android:layout_width="wrap_content"
            android:layout_height="20dp"
            app:cardCornerRadius="10dp"
            android:paddingHorizontal="10dp"
            android:layout_centerHorizontal="true"
            app:cardBackgroundColor="@color/black"
            android:layout_below="@id/highlight_text"
            android:clipChildren="false">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="20dp"
                android:id="@+id/name_of_kindle"
                android:textSize="12sp"
                android:textColor="@color/lime"
                android:text="A General Introduction to Psychoanalysis"/>
        </androidx.cardview.widget.CardView>
        </LinearLayout>
</androidx.cardview.widget.CardView>

Shadow in buttons.

I am using synth in one of my projects.
I have 2 problems while implementing the synth library.

As you can see in the image above, around the buttons, there is some shadows. How can I remove them?
I was trying to remove the black color border around the cancel button, but was not able to remove that. How can I remove it?

Adding child view to club.cred.synth.views.ElevatedView

Hi ,

I tried to add child view to ElevatedView and PitView but getting below error .

club.cred.synth.views.ElevatedView cannot be cast to android.view.ViewGroup
    Caused by: java.lang.ClassCastException: club.cred.synth.views.ElevatedView cannot be cast to android.view.ViewGroup****

How to add views to Elevated and PitView

setIconPitRadius() is not working

I want to change app:neuButtonDrawablePitRadius through code, so I use setIconPitRadius(), but it's not working. Value of attribute is changing - verified using getIconPitRadius()
but nothing is changing in UI

Synth not found

failed to resolve implementation 'club.cred.android:synth:1.0.0'

How to give bottom depth color?

Hello sir/mam,

I am using a synth for one of my projects, but the synth is not looking good in the light mode because the background is white. When I compare then found that in the sample synth app bottom shadow color is also there for pitview so could you please help me how I can change the pitview bottom shadow color?

I can change the top color using the pitColor attribute.

How to use pitview? i want the image inside pit view

i have no idea how to use pitview, how to set it in the background of any view

How to use ElevatedView??

I want to use ElevatedView on which I want to set Imageview and Textview.

How can I set the above on a ElevatedView?

Not working on Recyclerview

Blur Effect

I like to make this kind of Button.

But I get the blur effect with app:neuButtonType="elevated_flat". As you can see below image

Could you please guide me?

Change Shadow Color

I just want to know is there any way to change the color of Shadow in Elevated/Pit Views or in SynthButtons /SynthImageButtons????

Please reply this issue.....

Issue with dependencies

Even after syncing gradle file did not allow me to use components
implementation 'club.cred.android:synth:1.0.0'

I tried using components on the layout file but it was showing reference not found error.
eg
club.cred.synth.views.SynthButton

issue with dependencies

Even after syncing gradle file did not allow me to use components
implementation 'club.cred.android:synth:1.0.0'

I tried using components on the layout file but it was showing reference not found error.
eg
club.cred.synth.views.SynthButton

Disabled state of button causing weird rectangular shadow

If I disable the button using isEnabled=false, it causes a weird rectangular shadow around the button. Any fix for the same? The button works fine for enabled state.

ElevatedView background colour

Issue

ElevatedView

The issue I'm facing is when i try to set a background colour to ElevatedView, somehow it gets the default color predefined SynthUtils.defaultBaseColor in SynthUtils. I'm trying to set the background dynamic based on device theme.

Note: The PitView background doesn't have this issue.

Layout

This is a part of my layout which contains the ElevatedView:

<androidx.constraintlayout.widget.ConstraintLayout  
  android:id="@+id/relativeHeader"  
  android:layout_width="0dp"  
  android:layout_height="wrap_content"  
  android:layout_marginTop="8dp"  
  android:clipChildren="false"  
  app:layout_constraintEnd_toEndOf="parent"  
  app:layout_constraintStart_toStartOf="parent"  
  app:layout_constraintTop_toTopOf="parent">  
  
 <club.cred.synth.views.ElevatedView  
  android:id="@+id/headerPitView"  
  android:layout_width="0dp"  
  android:layout_height="0dp"  
  android:layout_margin="18dp"  
  app:layout_constraintBottom_toBottomOf="parent"  
  app:layout_constraintEnd_toEndOf="parent"  
  app:layout_constraintStart_toStartOf="parent"  
  app:layout_constraintTop_toTopOf="parent"  
  app:neuCornerRadius="20dp"  
  app:pitColor="?attr/lightBackgroundColor" />

..................

I'm using this dependency in build.gradle file:

dependencies {  
  implementation 'club.cred.android:synth:1.0.0'  
}

Expectation

applying background color other then the default one for ElevatedView

App style changed after adding this library

I have added this library in my app which has a black background but it's changed the background colours of views (ex. Textinputlayout) and sizes of a button. Please help me to resolve this issue.
This is the theme used in the app

` <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/dark_selected</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/selected</item>
        <item name="android:popupMenuStyle">@style/PopupMenu</item>
        <item name="android:itemBackground">@color/unselected</item>
        <item name="android:dropDownListViewStyle">@style/PopupMenu</item>
        <item name="android:textSize">17dp</item>
    </style>`