Android实现Neumorphism UI控件

效果图

Android实现Neumorphism UI控件_第1张图片

Android实现Neumorphism UI控件_第2张图片

第三方库支持

Github:https://github.com/fornewid/neumorphism

代码示例

将介绍第三方库引入和xml布局

引入第三方库

引入jitpack.io,添加到工程级build.gradle,若是Kotlin项目工程则在 settings.gradle 中引入

allprojects {
    repositories {
        maven { url "https://jitpack.io" }
    }
}

在项目中引入

//新拟物化风格
implementation 'com.github.fornewid:neumorphism:0.3.2'

黑暗模式布局




    

        

            

            

        

    

    

    

    

        

        

        

    

    

        

        

        

    



明亮风格




    

        

            

            

        

    

    

    

    

        

        

        

    

    

        

        

        

    



文档说明(案例)


    style="@style/Widget.Neumorph.CardView"

   
    app:neumorph_shadowElevation="6dp"
    app:neumorph_shadowColorLight="@color/solid_light_color"
    app:neumorph_shadowColorDark="@color/solid_dark_color"

    
    app:neumorph_lightSource="leftTop|leftBottom|rightTop|rightBottom"

    
    app:neumorph_shapeType="{flat|pressed|basin}"
    app:neumorph_shapeAppearance="@style/CustomShapeAppearance"

    
    app:neumorph_backgroundColor="@color/background_color"
    app:neumorph_strokeColor="@color/stroke_color"
    app:neumorph_strokeWidth="@dimen/stroke_width"

    
    app:neumorph_inset="12dp"
    app:neumorph_insetStart="12dp"
    app:neumorph_insetEnd="12dp"
    app:neumorph_insetTop="12dp"
    app:neumorph_insetBottom="12dp"

    
    android:padding="12dp">

	

   



总结

到此这篇关于Android实现Neumorphism UI控件的文章就介绍到这了,更多相关Android Neumorphism UI控件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(Android实现Neumorphism UI控件)