material 3.0 ripple展开波纹

2026-09-01

Android Material适配为控件设置指定背景色和点击波纹效果

Android Material适配为控件设置指定背景色和点击波纹效果,有需要的朋友可以参考下. 大部分时候,我们都需要为控件设置指定背景色和点击效果 4.x以下可以使用selector,5.0以上需要带波纹效果,以下是实现该效果的方法. 比如实现Button的Material适配 <Button android:text="TextView in CardView" android:layout_gravity="center" android:textS

android 5.0 -- Ripple 效果

Ripple 水波纹效果,也就是涟漪效果. 波纹效果有两种: 1,波纹有边界:波纹涟漪效果只是显示在控件内部 android:background="?android:attr/selectableItemBackground" 2,波纹超出边界:波纹涟漪效果不会被限制在控件内部 android:background="?android:attr/selectableItemBackgroundBorderless" 通过给布局文件里面添加如上代码,就可以比较灵活的

Ripple 水波纹效果

背景+波纹对于有边界限制的Ripple,我们就需要给他提供一个范围,即添加一个item标签. 如果在一个ripple标签中,添加一个item标签,在item中添加如下属性: [android:drawable="@color/***"]水波效果会限定在本身矩形区域内部 [android:drawable="@drawable/png等"]水波效果会限定在图片中非透明部分对应的区域内部 [android:drawable="@color/shape&quo

android 5.0 默认水波纹背景属性,可设置不论什么View

actionBarItemBackground 5.0以上超出边界圆形水波纹 selectableItemBackground 5.0以上边界内圆形水波纹这两个属性在5.0下面是默认的灰色效果,个人认为也非常唯美使用方法 android:background="?android:attr/actionBarItemBackground" android:background="?android:attr/selectableItemBackground"

Android Material Design Ripple Effect在Android5.0（SDK=21）以下Android版本崩溃问题解决

Android Material Design Ripple Effect在Android5.0(SDK=21)以下Android版本崩溃问题解决附录1的Android Ripple Effect水波波纹荡漾的视觉交互设计,在Android SDK版本21上运作良好,但是放到21版本以下,比如Android 4.0.3(SDK=15),就会导致整个APP崩溃,其中一个解决方案:以附录文章1为例,不仅需要在drawable-v21中写好ripple_effect.xml,同时需要再在普通的res

Android Material Design : Ripple Effect水波波纹荡漾的视觉交互设计

Android Material Design : Ripple Effect水波波纹荡漾的视觉交互设计 Android Ripple Effect波纹荡漾效果,是Android Material Design视觉设计引入的一种交互设计效果简言之:当点击某个view时候,view会出现像水波波纹一样的荡漾传播效果.在最新版的Android如Android 5.0或以上版本中默认具有该效果,但在低版本Android中没有,如果需要向下兼容低版本设备,则需要自己写代码实现,实现步骤: 第1步:

聊聊Android5.0中的水波纹效果

水波纹效果已经不是什么稀罕的东西了,用过5.0新控件的小伙伴都知道这个效果,可是如果使用一个TextView或者Button或者其它普通控件的话,你是否知道如何给它设置水波纹效果呢?OK,我们今天就来看看这个水波纹效果的实现.水波纹效果的实现有系统自带属性可以实现,我们也可以自定义实现效果. 1.系统自带水波纹实现方式有界水波纹水波纹效果大致上可以分为两种,一种是有界的,一种无界,我们先来看看有界水波纹效果: 效果: 代码: <TextView android:layout_width=&quo

Material Design 开源项目总结

Android开发中,我们不免会遇到Material Design展示的需求,以下是本人之前star的开源项目,供大家参考: 一.RippleEffect 项目地址:https://github.com/traex/RippleEffect MD Ripple效果 -- 波纹视图,用于View中增加动态效果. 效果图如下: 二.material-dialogs 项目地址:https://github.com/afollestad/material-dialogs 为Kotlin和Android提

适配移动端的在图片上生成水波纹demo

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=de

CUDA Samples: ripple

以下CUDA sample是分别用C++和CUDA实现的生成的波纹图像,并对其中使用到的CUDA函数进行了解说,code参考了<GPU高性能编程CUDA实战>一书的第五章,各个文件内容如下: funset.cpp: #include "funset.hpp" #include <random> #include <iostream> #include <vector> #include <memory> #include &l

Cesium原理篇：Material

Shader 首先,在本文开始前,我们先普及一下材质的概念,这里推荐材质,普及材质的内容都是截取自该网站,我觉得他写的已经够好了.在开始普及概念前,推荐一首我此刻想到的歌<光---陈粒>. 在真实世界里,每个物体会对光产生不同的反应.钢看起来比陶瓷花瓶更闪闪发光,一个木头箱子不会像钢箱子一样对光产生很强的反射.每个物体对镜面高光也有不同的反应.有些物体不会散射(Scatter)很多光却会反射(Reflect)很多光,结果看起来就有一个较小的高光点(Highlight),有些物体散射了很多,它们

[ActionScript 3.0] Away3D 天空盒（skybox）例子

/* SkyBox example in Away3d Demonstrates: How to use a CubeTexture to create a SkyBox object. How to apply a CubeTexture to a material as an environment map. Code by Rob Bateman rob@infiniteturtles.co.uk http://www.infiniteturtles.co.uk This code is

iOS类似QQ好友展开和合并列表的实现代码

其实原理就是好友列表合上的时候,将这组的cell数设置为0,展开的时候,在变成原来的,就是这么简单 -(); }

Material使用01 侧边栏MdSidenavModule、工具栏MdTollbarModule

前提准备: 构建好一个Angular2应用熟悉CSS的flex布局风格 1 利用flex进行布局 1.1 创建三个组件 app-header app-main app-footer 1.2 在主组件中编写大体结构代码 <div class="site"> <header> <app-header></app-header>  </header> <main> <app-

Unity修改Particles Render Material（Unity3D开发之二十三）

猴子原创,欢迎转载.转载请注明: 转载自Cocos2Der-CSDN,谢谢! 原文地址: http://blog.csdn.net/cocos2der/article/details/48372999 美术在制作粒子特效的时候需要能修改让粒子在某些时刻闪烁,看了下发现没有设置能实现,所以加个脚本给美术使用. 原理就是让美术能控制Render修改Image的Color using UnityEngine; using System.Collections; public class Particl

长图的展开与收起（Android）

前言: 在app的文章中,经常会夹杂着一些特别长的长图.在阅读的时候需要滑动很久才能看图片下方的文字,因此对于长图只展示图片上面一部分,并且可以展开这个功能是很重要的. 效果: 基本思路: 利用scaleType的matrix属性以及直接改变图片的高度来实现图片的收起与展开. 过程: 开始尝试: scaleType属性介绍: center:保持原图的大小,显示在ImageView的中心.当原图的size大于ImageView的size,超过部分裁剪处理: centerInside:以原图完全显示

Angular Material design设计

官网: https://material.io/design/ https://meterial.io/components 优秀的Meterial design站点: http://materialdesignblog.com/ 并不是万能的,都有约束条件. 优点:兼容性好,可扩展性强,可测试性好,对主题的支持好. 缺点:组件不是特别丰富. 安装: //其它方式$ sudo cnpm i --save @angular/material@2.0.0-beta.7 $ sudo yarn add

Angular 2 to Angular 4 with Angular Material UI Components

Download Source - 955.2 KB Content Part 1: Angular2 Setup in Visual Studio 2017, Basic CRUD application, third party modal pop up control Part 2: Filter/Search using Angular2 pipe, Global Error handling, Debugging Client side Part 3: Angular 2 to Ang

antd tree组件文件名换行 + 点击展开时，自动收起同级其他展开目录

1.在项目中用 antd的tree组件的时候,遇到两个问题 1.文件名太长的话会超出容器很难看,解决方法如下 ` 引入css在global下设置 :global { .ant-tree li .ant-tree-node-content-wrapper{ height:auto; } .ant-tree-node-content-wrapper{ white-space: normal; max-width: 100%; } } ` 2.节点都展开的话会太高了.也会撑开盒子,影响美观. 解

materializecss的水波纹效果

参考http://www.materializecss.cn/waves.html <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> p { height: 100px; line-height: 100px; text-align: center; width: 100px; backg

Angular问题03 @angular/material版本问题

1 问题描述应用使用 angular4在使用@angular/material时,若果在导入模块时使用mat开头,就会报错. 2 问题原因 @angular/material版本出现问题,@angular/material 从版本5开始就必须要angular5的核心依赖:想要在angular5之前版本中的应用中使用@angular/material,要么更改@angular/material的版本(降低版本),例如:cnpm i --save @angular/material@2.0.0-b

material 3.0 ripple展开波纹

热门专题