android新拟态实现方法,Android 新拟态UI (Neumorphism)

前言

本文转自github,只是进行了图片的处理和部分翻译,已获作者授权

截至首次发文前找到的原作者的文章地址-May,17,2020若找到本文章更新的时间节点,请私信我更新。

原作者github地址

文末附源码下载地址,免费。

c4ed9ddf125fa5c5a83f611e4720984e.png

Android上的拟态化UI

This is the experimental codes to build Neumorphism designs in Android.

Not a library. Just sample project now(目前只是示例项目).

License-Apache%202.0-blue.svgplatform-android-green.svgneumorphism.svg

Preview

Light | Dark

2f70c791056f13e39268dbc44dc560ab.png

ec69753b7168ae01a9a61026b69c142c.png

添加依赖

在项目级 build.gradle 添加以下依赖:

allprojects {

repositories {

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

}

}

然后, 在 build.gradle中添加以下依赖

dependencies {

//截至首次发文前latest_version为0.3.0

implementation 'com.github.fornewid:neumorphism:{latest_version}'

}

Features

为组件绘制阴影实现新拟态化效果。

支持以下组件:

ViewGroup: CardView

View: Button, FloatingActionButton, ImageView

在Text上绘制阴影来实现TextView的新拟态化。

如果您需要更多功能或要修复错误,请单击 new issue并报告给我!

// 预定义样式

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

// 设置elevation和color

app:neumorph_shadowElevation="6dp"

app:neumorph_shadowColorLight="@color/solid_light_color"

app:neumorph_shadowColorDark="@color/solid_dark_color"

// 设置光源 lightSource

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

// 设置Shape类型和corner size

app:neumorph_shapeType="{flat|pressed|basin}"

app:neumorph_shapeAppearance="@style/CustomShapeAppearance"

// 设置 background 或 stroke

app:neumorph_backgroundColor="@color/background_color"

app:neumorph_strokeColor="@color/stroke_color"

app:neumorph_strokeWidth="@dimen/stroke_width"

使用插图以避免修剪阴影

// 使用 inset 以避免阴影被裁剪. (default=12dp)

app:neumorph_inset="12dp"

app:neumorph_insetStart="12dp"

app:neumorph_insetEnd="12dp"

app:neumorph_insetTop="12dp"

app:neumorph_insetBottom="12dp"

// Use a padding. (default=12dp)

android:padding="12dp">

{rounded|oval}

32dp

16dp

16dp

16dp

16dp

光源(LightSource)

LEFT_TOPLEFT_BOTTOMRIGHT_TOPRIGHT_BOTTOMaf2bb3b5a17d2e16453e811ccbf6ee63.png9b04519b7e37f97913284ffb4fd23524.png794f4bcefbd0e62bc93dcf74cb917bd0.png6f9160743d0aa552b3d44fec603b3bdf.png

阴影类型(ShapeType)

FLATPRESSEDBASINf2705b1d1dbd84ec2af28086be9465dc.pngd1b2daad5add60fefa4f4c9497ed0f2a.png46ea109ed18003edf96ced44c3a5ba58.png

License

Copyright 2020 SOUP

Licensed to the Apache Software Foundation (ASF) under one or more contributor

license agreements. See the NOTICE file distributed with this work for

additional information regarding copyright ownership. The ASF licenses this

file to you 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.

标签:License,distributed,UI,16dp,under,Neumorphism,Android,拟态

来源: https://blog.csdn.net/qq_17282141/article/details/113945103

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/267643.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

codeforces 919E Congruence Equation

E. Congruence Equationtime limit per test3 secondsmemory limit per test256 megabytesinputstandard inputoutputstandard outputGiven an integer x. Your task is to find out how many positive integers n (1 ≤ n ≤ x) satisfy where a, b, p are all known co…

抽象工厂模块在开发中的应用

抽象工厂是设计模块中创建型模式的一种,它比起工厂方法模式来说,更加具有一般性,在本模式中会引入一个产品族的概念,就是说,在本模式中抽象产品会有多个,然后用抽象工厂去调用它们,具体怎么去调用由具体工厂…

android 过滤数组中的重复元素,Flutter List数组避免插入重复数据的实现

List具有一定长度存在索引的对象集合(长度为0不存在索引,长度>0存在索引)常见列表1、定长列表默认值null例如:List fixedLengthList new List(2)、List fixedLengthList new List(8)List fixedLengthList new List(2);for(int i0;i<2;i){print("索引为${i}的值${…

[js]jquery里的jsonp实现ajax异源请求

同源请求-jquery <script type"text/javascript" src"http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script type"text/javascript">$.ajax({url: "data.txt",type: "get",dataType…

android listview remove 动画,给Android ListView添加删除item动画

给Android ListView添加删除item动画给listview删除一个item的时候加上一个折叠动画&#xff0c;感觉效果会好一点。步骤是当删除一个view&#xff0c;先用动画把view的高度改变&#xff0c;看上去就是折叠的效果。当动画完成的时候&#xff0c;再真正把item移除。private void…

Css 选择器 算法 规则

首先上图 css 命令在读取时是按照其优先级的高低的先后顺序来解读的&#xff0c;当优先级相同时是按照其css命令写的先后顺序来读取的&#xff0c;即后面的css覆盖&#xff08;前后css属性设置 不同时&#xff09;或继承&#xff08;前后css属性设置相同或后面未设置该css属性时…

鸡尾酒排序算法c语言,[golang] 数据结构-鸡尾酒排序

吐个槽又是一个不正经取名的排序算法。真要说和鸡尾酒间的关系&#xff0c;大概就是想喝到鸡尾酒(得到排序好的队列)就要摇晃酒杯让不同的成分混合均匀(向两个方向冒泡排序)原理鸡尾酒排序(Cocktail Sort)是冒泡排序的一种优化算法。原本的冒泡排序只能在一轮中挑出一个值移动到…

ie6 div height bug css注意点(转)

所有浏览器的定位都大同小异&#xff0c;在各个浏览器兼容性问题&#xff0c;要了解各个浏览器的定位区别就可以了。 比如&#xff0c;当用float浮动时&#xff0c;同时设置margin或padding在IE6中会是双倍的值。即你设置为margin:10px;那么在IE6里就相当于margin:20px; 出现这…

Python算法——二叉树

一、二叉树 from collections import dequeclass BiTreeNode:def __init__(self, data):self.data dataself.lchild Noneself.rchild Nonea BiTreeNode(A) b BiTreeNode(B) c BiTreeNode(C) d BiTreeNode(D) e BiTreeNode(E) f BiTreeNode(F) g BiTreeNode(G)e.lchil…

艾伟_转载:.NET 4.0新特性-- Corrupted State Exceptions

作为程序员&#xff0c;我想很多人应该都有过跟异常打交道的经历。而且相信也有很多人也都写过catch(Exception e){//blabla}这种把所有未知异常一股脑儿捕获并处理掉的代码吧。不管是为敷衍客户也好&#xff0c;让程序继续运行以避免糟糕的用户体验也罢&#xff0c;在微软眼中…

android sdk 2.9.5.0,如何找到问题Android SDK 3.0错误:(9,5)错误:资源android:attr/colorError未找到...

当我做一个make时如何找到此错误的问题我收到此错误消息&#xff1a;错误&#xff1a;(9,5)错误&#xff1a;找不到资源android&#xff1a;attr / colorError奇怪的是我有2个build.gradle文件&#xff1a;这里是我的build.gradle(Project&#xff1a;Projectname)文件&#xf…

c# 读取 txt 文件中数据(int)

今天在学图的算法做测试是&#xff0c;需要读取文本文件中的点坐标&#xff0c;本来很简单的事情&#xff0c;折腾了半天&#xff0c;记录一下找到的一种简单粗暴的解决方法&#xff0c;以便以后查看。 第一种方法 &#xff1a; StringReader string line "";using …

艾伟_转载:使用Lambda表达式编写递归函数

前言 著名的牛顿同学曾经说过&#xff1a;如果说我比别人看得更远些,那是因为我站在了巨人的肩上. 原文&#xff1a;If I have been able to see further, it was only because I stood on the shoulders of giants. Whats Lambda表达式? 请参考msdn&#xff1a;Lambda 表达式…

android 模拟器read-only file system,WAC启动Android模拟器 transfer error: Read-only file system错误解决方法...

这两天在用WAC SDK开发Widget时&#xff0c;在启动Android模拟器时Eclipse的Consle出现如下错误&#xff1a;[2011-11-27 22:08:49 - ddms]transfer error: Read-only file system然后Widget无法安装和执行&#xff01;在参考了官方论坛上的相同问题的一个帖子后&#xff0c;也…

spring5.0.2中文官网文档pdf

下载地址&#xff1a;网盘下载Spring是一个开放源代码的设计层面框架&#xff0c;他解决的是业务逻辑层和其他各层的松耦合问题&#xff0c;因此它将面向接口的编程思想贯穿整个系统应用。本参考指南提供了有关spring5.0.2的详细信息。它全面的介绍了Spring的所有的功能&#x…

IT销售素质 -- 自信进取

到外企面试过销售职位的人都知道“aggressive ”这个英文词。这个词的意思是“侵略的&#xff0c;爱寻衅的&#xff0c;敢做敢为的&#xff0c;有进取心的”。经理们希望销售们都够“aggressive”&#xff0c;意思就是要他们个个都积极进取&#xff0c;主动进攻。 销售是一…

android判断sd u盘,[Android Framework]获取U盘 SD 状态

Android 4.4 SD 和 U盘 的状态通过获取StorageVolume 类来判断 是sd还是U盘。我们来看一下这个类package android.os.storage;import android.content.Context;import android.os.Parcel;import android.os.Parcelable;import android.os.UserHandle;import com.android.intern…

A1032. 画三角形2

问题描述 找出下面给出图形的规律&#xff0c;给出n&#xff0c;画一个n行的对应图形。ABABCBABCDCBABCD输入格式输入包含一个数n。1<n<20输出格式输出与上图类似n行的图形。样例输入4样例输出ABABCBABCDCBABCDpackage www.tsinsen.com;import java.util.Scanner;public …

分析java中文乱码的原因

在java开发中都能遇到java中文乱码的情况&#xff0c;怎样才能够恰当地选择汉字编码方式并正确地处理汉字的编码呢?希望通过下面的总结的java中文乱码解决方法对遇到过此类问题的朋友有所帮助。 首先&#xff0c;要想解决java中文乱码问题就有必要了解一下什么是字符&#xff…

html中写随机数,为HTML生成一个随机数

你的问题是相当含糊&#xff0c;你需要什么&#xff0c;但这里是产生两个变量之间的随机数&#xff0c;然后一个Javascript的解决方案设置一个内容是&#xff1a;JS&#xff1a;var link document.getElementById(getNumber); // Gets the linklink.onclick getNumber; // Ru…