="wrap_content" android:layout_gravity="bottom" / </LinearLayout 1、默认使用studio背景图,防止少图片资源(效果图虽不尽人意...//1、BACKGROUND_STYLE_DEFAULT:如果设置的Mode为MODE_FIXED,将使用BACKGROUND_STYLE_STATIC 。...(300)//隐藏与动画的过渡时间(setHideOnSelect 为true时生效) //.setGravity(Gravity.RIGHT | Gravity.TOP); //位置,默认右上角(可不设置...) //形状 shapeBadgeItem = new ShapeBadgeItem() //也可设置为常量 (0-6之间) .setShape(ShapeBadgeItem.SHAPE_HEART)...); //计算文字的高度DP值并设置,setTextSize为设置文字正方形的对角线长度,所以:文字高度(总内容高度减去间距和图片高度)*根号2即为对角线长度,此处用DP值,设置该值即可。
本文实例为大家分享了Android实现底部导航栏的具体代码,供大家参考,具体内容如下 展示 MODE_FIXED+BACKGROUND_STYLE_STATIC效果 ?...1在Gradle中添加 compile ‘com.ashokvarma.android:bottom-navigation-bar:0.9.5' 2布局实现 <com.ashokvarma.bottomnavigation.BottomNavigationBar...; import android.support.v7.app.AppCompatActivity; import android.util.Log; import com.ashokvarma.bottomnavigation.BottomNavigationBar...); //设置背景风格 // BACKGROUND_STYLE_STATIC表示静态的 //BACKGROUND_STYLE_RIPPLE表示涟漪的,也就是可以变化的 ,跟随setActiveColor...="match_parent" android:layout_height="0dp" android:layout_weight="1" / <com.ashokvarma.bottomnavigation.BottomNavigationBar
android:layout_height="0dp" android:layout_weight="1"/> <com.ashokvarma.bottomnavigation.BottomNavigationBar..." android:layout_weight="1"> <com.ashokvarma.bottomnavigation.BottomNavigationBar...’s Primary Color active color : 在BACKGROUND_STYLE_STATIC下,为图标和文本激活或选中的颜色;在BACKGROUND_STYLE_RIPPLE下,...为整个控件的背景颜色;默认颜色为Color.LTGRAY background color :在BACKGROUND_STYLE_STATIC 下,为整个空控件的背景色;在 BACKGROUND_STYLE_RIPPLE...)/Color BackgroundColor 设置背景颜色 setBackgroundColorResource(), setBackgroundColor() Resource/ColorCode(
Android开发中在某些界面为了保证显示一致性,可能需要调整statusBar的背景色。...但colorPrimaryDark只能设置固定色值的颜色,无法设置渐变色。所以,通过colorPrimaryDark无法实现状态栏的渐变色效果。 下面通过实现如下图1效果,举例具体说明。...方法一:(针对普通activity) 对于普通activity为实现上图从左上到右的渐变色,需要进行如下修改: 1...."/> 上述方法是只对普通的Activity有效,若是AppCompatActivity使用上述的方法无法实现状态栏的渐变效果。...使用Toolbar来替代ActionBar,但toolbar高度需要设置为actionbar和statusbar高度的总和。
Color 色值 许多组件不仅支持设置它自己的背景色,还可以设置它包含的其他可组合项的默认色值,使用 contentColorFor方法就可以实现。...(应用栏) 和 BottomNavigation(底部导航栏)。...lightColors对象为基准来进行其他主题色值的设置,作为例子这里就重写了 primary和 background两个属性,分别用来设置文案色值和背景色的色值。...如上图所示,每次切换时,背景色和字体大小、圆角大小都是渐变的,切换过程丝滑,过渡自然。 要想实现丝滑的效果,先得认识一位新的朋友:animateXxxAsState。...mainViewModel.backgroundColor = animateColorAsState(targetColors.background, TweenSpec(500)).value 这里设置的渐变时长为
android:centerY 渐变中心的相对X坐标,放射渐变时才有效,在0.0到1.0之间,默认为0.5,表示在正中间 android:gradientRadius 渐变的半径,只有渐变类型为radial...的android:width属性设置的; size的android:height属性定义的是整个形状区域的高度; size的height必须大于stroke的width,否则,线无法显示; 线在整个形状区域中是居中显示的...浮点型,以环的宽度比率来表示环的厚度,默认为9,表示环的厚度为环的宽度除以9,该值会被-android:thickness覆盖 android:useLevel 一般为false,否则可能环形无法显示...同时,使用ListView时也有些其他需要注意的地方,总结如下: android:listSelector设置的ListItem默认背景是透明的,不管你在selector里怎么设置都无法改变它的背景。...所以,如果想改ListItem的默认背景,只能通过第二种方式,在ListItem的布局layout里设置android:background。
,可以是线性渐变、辐射渐变、扫描性渐变 android:type 渐变的类型 linear 线性渐变,默认的渐变类型 radial 放射渐变,设置该项时,android:gradientRadius也必须设置...angle 渐变的角度,线性渐变时才有效,必须是45的倍数,0表示从左到右,90表示从下到上 android:centerX 渐变中心的相对X坐标,放射渐变时才有效,在0.0到1.0之间,默认为0.5,...表示在正中间 android:centerY 渐变中心的相对X坐标,放射渐变时才有效,在0.0到1.0之间,默认为0.5,表示在正中间 android:gradientRadius 渐变的半径,只有渐变类型为...:width属性设置的; size的android:height属性定义的是整个形状区域的高度; size的height必须大于stroke的width,否则,线无法显示; 线在整个形状区域中是居中显示的...,默认为9,表示环的厚度为环的宽度除以9,该值会被android:thickness覆盖 android:useLevel 一般为false,否则可能环形无法显示,只有作为LevelListDrawable
InsetDrawable <inset/ 可以将其他Drawable内嵌到自己当中,并且可以在四周流出一定的距离。当一个View希望背景比自己实际区域小的时候,可以用这个Drawable。...,但是设备屏幕所支持的色彩模式为RGB555,这时候开启抖动选项可以让图片显示不会过于失真,在Android中创建Bitmap一般会选用ARGB8888这个模式,在这种色彩模式下一个像素所占的大小为4个字节...默认是矩形,line和ring必须通过<stroke 标签来指定线的宽度和颜色等信息,否则无法达到预期的显示效果。...android:centerX 渐变中心点的横坐标 android:centerY 渐变中心点的纵坐标,渐变的中心点影响渐变的具体效果 android:startColor 渐变的起始色 android...level值的范围系统规定0-10000,设置level值的方法: 将相应的Drawable设置成一个View的背景 从View的背景中取得相应Drawable对象,代码view.getDrawable
下图是我们几乎在主流App中都能发现的一个功能。 ? 熟悉Android的朋友一定都会知道,很简单嘛,使用TabHost就OK了!...好了,,下面我就来实现上图的效果,不过在开始之前,首先你必须已经了解Fragment的用法了,如果你对Fragment还比较陌生的话,建议先去阅读我前面的一篇文章Android开发之漫漫长途 XII——...none" android:layout_above="@+id/bottomNavigation" /> <!...android:id="@+id/bottomNavigation" android:layout_width="match_parent" android...bottomNavigationView.addTab(bottomNavigationItem3); bottomNavigationView.addTab(bottomNavigationItem4); //为底部导航布局设置点击事件
56407eafd2153525.gif 1.2、从功能上分析一下这个控件,大致有以下特点 随机运动粒子从圆周向圆心运动,并与切线方向有正负30°的角度差,粒子透明度、半径、运动速度随机,运动超过一定距离或者时间消失 背景圆有一个从内到外的渐变色...计时模式下圆环有一个颜色渐变的顺时针rotate动画 整个背景圆颜色随着扇形角度变化而变化 指针颜色变化 数字变化是上下切换动画 1.3、从结构上分析 这个控件可以拆分为两个部分,由背景圆+数字控件两个部分构成的组合控件...,所以这方案无效 最终采用图层混合模式实现指针图片变色 image.png 通过PorterDuff.Mode.MULTIPLY模式可以实现bitmap颜色,源图像为要修改的指针颜色,目标图像为白色指针...return mParameter; } 三、跳动数字动画实现 3.1、属性动画+2个TextView实现数字上下切换动画 实现数字切换动画,原本打算用RecycleView实现,但是考虑到动效上将来可能面临...欢迎关注我,分享Android干货,交流Android技术。 对文章有何见解,或者有何技术问题,欢迎在评论区一起留言讨论!
圆角按钮 对于按钮的形状,背景色等一般都是通过 shape 文件进行调整;shape 中有多种属性与 Android 平台类似; solid 为背景填充色 corner 为四个角的的圆角半径...bounds 为里面的文字与边界的间隔,但是单独设置不生效 stroke 为边框属性 gradient 为渐变效果,但是单独设置不生效 <?...渐变色按钮 和尚尝试 gradient 渐变色属性,但是无法直接实现,于是和尚查询了一些资料,通过 xml 和 Java 代码两种方式实现; 6.1 xml 方式 HarmonyOS 中 gradient...暂时只提供了一个 shader_type 样式属性,但是 solid 可以添加多种颜色,可以将渐变色填充在 solid 中,在 gradient 中设置渐变效果(线性渐变、角度渐变等); <?...点击变色按钮 对于触发点击变色按钮,与 Android 方式类似,通过设置两个 shape 背景效果,在 state-container 中添加默认和点击效果即可; <?
android:layout_gravity="bottom" app:backgroundTint="@color/colorPrimaryDark" // 设置背景色 ...如果FabAttached设置为True,那么Fab将被布置为连接到BottomAppBar; FabCradleMargin是设置FAB和BottomAppBar之间的间距,改变这个值会增加或减少...个导航目标(BottomNavigationView不支持超过5个项目); 在内容下面放置BottomNavigationView; 将BottomNavigationView上的app:menu属性设置为菜单资源...那下面按照步骤操作一次: Step 1:在布局中添加BottomNavigationView: <com.google.android.material.bottomnavigation.BottomNavigationView...app:behavior_skipCollapsed:如果底部表单可隐藏,并且设置为true,则表单不会处于折叠状态。 听说,有人想来点赞赏? 最后,觉得不错,来波转发~比心~
代替图片设置为View的背景 4. 可以减少apk大小,提升用户下载意愿 5. 还可以减少内存占用 6....GradientDrawable的静态使用(xml中使用shape标签定义) 在drawable中创建一个xml文件,在布局文件中直接引用这个xml文件即可 <?...) linear 线性渐变,这是默认设置 radial 放射性渐变,以开始色为中心。...设置为true无渐变。...View view = null; // 这个view是你需要设置背景的view int strokeWidth = 1; // 1dp 边框宽度 int roundRadius = 5;
-- 背景颜色 --> 2.添加到控件中 在定义好shape文件后,下一步就是将其添加到控件中,添加到控件中,一般是使用设置...background属性,将其为控件背景,下面,我们将其设置为MainActivity对应的布局中(activity_main.xml),将其设为TextView的背景,看显示出来 是什么样子的。...:angle="integer"//渐变角度,必须为45的倍数,0为从左到右,90为从上到下 android:centerX="float"//渐变中心X的相当位置,范围为0~1android...centerColor="color"//渐变中间点的颜色,在开始与结束点之间 android:endColor="color"//渐变结束点的颜色 android...时就要设置为true。
圆、椭圆、圆环,可以实现圆角、渐变,shape编写出来的资源,可以作为View的背景,减少View使用图片作为背景图的概率,从而减少apk体积,相对比图片要更节省内存,shape标签编写出来的资源一般放到...仅当形状为矩形时适用 android:radius : 所有角都进行圆角处理半径,如果有单独设置某个角,单独设置的优先级最高 android:topLeftRadius : 左上圆角 android...仅在设置了 android:dashWidth 时有效 gradient标签的属性:形状渐变颜色 android:angle : 整型。渐变的角度(度)。0 为从左到右,90 为从上到上。...默认值为 0。 android:centerX : 浮点型。渐变颜色的位置 (0 – 1.0)。 android:centerY : 浮点型。渐变颜色的位置 (0 – 1.0)。...起始颜色 android:type :要应用的渐变图案的类型 linear :线性渐变。这是默认值 radial : 径向渐变。起始颜色为中心颜色。
此外,将 cardUseCompatPadding 设置为 false 可以消除由于阴影而产生的额外内边距,使 CardView 边缘更加紧凑。...背景多层渐变,点击涟漪 实现方式 底层纯色背景。...中层设置渐变,注意XML的渐变效果最多只支持3个颜色。 顶层设置涟漪效果。 bg_gradient_btn.xml ...,所以这里设置为白色的半透明,涟漪覆盖色就设置的纯黑色,这样才会出现较好的效果。
补充知识:AndroidStudio XML文件之shape标签使用详解 前言: shape标签可以很方便的得到一些矩形、圆、椭圆、圆环,可以实现圆角、渐变,shape编写出来的资源,可以作为View的背景...仅当形状为矩形时适用 android:radius : 所有角都进行圆角处理半径,如果有单独设置某个角,单独设置的优先级最高 android:topLeftRadius : 左上圆角 android...仅在设置了 android:dashWidth 时有效 gradient标签的属性:形状渐变颜色 android:angle : 整型。渐变的角度(度)。0 为从左到右,90 为从上到上。...默认值为 0。 android:centerX : 浮点型。渐变颜色的位置 (0 – 1.0)。 android:centerY : 浮点型。渐变颜色的位置 (0 – 1.0)。...起始颜色 android:type :要应用的渐变图案的类型 linear :线性渐变。这是默认值 radial : 径向渐变。起始颜色为中心颜色。
,这里我们需要用到X5内核视频播放的一个属性 x5-video-player-type设置为h5-page之后,这样就可以控制视频在网页内部同层播放,同时也可以在视频上方显示html元素。...而我们的视频在前 7.23s的时候会有视频音乐的,因此播放时不能设置为静音,所以无法做成自动播放,于是做成了如上图所示, 用户点击时才能开始播放。...但是... 1、Android切换背景音乐的时候视频暂停播放 没错就是卡在这里... 需要注意: 在Android设备上视频播放后同时使用audio标签播放音频时会导致视频卡住。...下雪的时候以屏幕宽度为维度,设置雪花的数量用来控制雪的密度。...但是透明度不仅针对文字,对它下面层级的元素也同样有效果(因为这里文字容器需要设置为透明背景)。这样雪经过渐变的时候会出现穿透的效果,影响用户体验。
用法 在不同情况下有很多可绘制的类型,设置按钮的状态行为,创建可伸缩的按钮背景和创建复合可绘制图层。...通常将此类型的图像作为View的背景,将其宽度设置为wrap_content。最常见的用法是一个Button,它必须根据里面显示的文字来拉伸。 ?...NinePatch被定义并保存在drawable文件夹中,并将背景设置为与任何图像相同: <Button android:layout_width="wrap_content" android...首先,我们在res / drawable / gradient_bg.xml中为默认状态添加形状渐变背景: 请注意,背景属性已设置为状态列表,以便为项目应用默认背景。
领取专属 10元无门槛券
手把手带您无忧上云