千家信息网

Android如何实现Neumorphism UI控件

发表于:2024-10-10 作者:千家信息网编辑
千家信息网最后更新 2024年10月10日,小编给大家分享一下Android如何实现Neumorphism UI控件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!效果
千家信息网最后更新 2024年10月10日Android如何实现Neumorphism UI控件

小编给大家分享一下Android如何实现Neumorphism UI控件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

效果图

第三方库支持

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'

黑暗模式布局

                                                                                                                        

明亮风格

                                                                                                                        

文档说明(案例)

           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控件"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

0