首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    鸿蒙HarmonyOS从零实现类微信app效果——基础界面搭建

    最近鸿蒙HarmonyOS开发相关的消息非常的火,传言华为系手机后续将不再支持原生Android应用,所以对于原Android应用开发对应的Harmony版本也被一系列大厂提上了日程。...作为一个名义上的移动端开发工程师((⊙o⊙)…,最近写python多过Android),当人不让要来学习一波。...固定于屏幕的底部,内容区域底部在BottomNavigation之上,顶部和屏幕顶部对其,使其填充满BottomNavigation之上的部分。...内容区域使用Stack将所有的内容层叠展示,切换到哪个展示,则使用visibility方法设置该页面展示即可。...当我们在BottomNavigation中.onClick(() => { this.currentItemIndex = index })在点击之后,会更改@Link currentItemIndex

    59210

    鸿蒙HarmonyOS从零实现类微信app效果——基础界面搭建

    最近鸿蒙HarmonyOS开发相关的消息非常的火,传言华为系手机后续将不再支持原生Android应用,所以对于原Android应用开发对应的Harmony版本也被一系列大厂提上了日程。...作为一个名义上的移动端开发工程师((⊙o⊙)…,最近写python多过Android),当人不让要来学习一波。...固定于屏幕的底部,内容区域底部在BottomNavigation之上,顶部和屏幕顶部对其,使其填充满BottomNavigation之上的部分。...内容区域使用Stack将所有的内容层叠展示,切换到哪个展示,则使用visibility方法设置该页面展示即可。...当我们在BottomNavigation中.onClick(() => { this.currentItemIndex = index })在点击之后,会更改@Link currentItemIndex

    62500

    Jetpack-Compose 学习笔记(六)—— Compose 主题 Theme 一探究竟,换肤还能如此 Easy?

    Color 色值 许多组件不仅支持设置它自己的背景色,还可以设置它包含的其他可组合项的默认色值,使用 contentColorFor方法就可以实现。...(应用栏) 和 BottomNavigation(底部导航栏)。...lightColors对象为基准来进行其他主题色值的设置,作为例子这里就重写了 primary和 background两个属性,分别用来设置文案色值和背景色的色值。...如上图所示,每次切换时,背景色和字体大小、圆角大小都是渐变的,切换过程丝滑,过渡自然。 要想实现丝滑的效果,先得认识一位新的朋友:animateXxxAsState。...mainViewModel.backgroundColor = animateColorAsState(targetColors.background, TweenSpec(500)).value 这里设置的渐变时长为

    2.9K20

    Android样式的开发:shape篇

    ,可以是线性渐变、辐射渐变、扫描性渐变 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

    2.2K30

    Android-Xml绘图

    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。

    1.2K10

    听说谷歌Baba更新了 Material UI ...

    android:layout_gravity="bottom"        app:backgroundTint="@color/colorPrimaryDark" // 设置背景色        ...如果FabAttached设置为True,那么Fab将被布置为连接到BottomAppBar; FabCradleMargin是设置FAB和BottomAppBar之间的间距,改变这个值会增加或减少...个导航目标(BottomNavigationView不支持超过5个项目); 在内容下面放置BottomNavigationView; 将BottomNavigationView上的app:menu属性设置为菜单资源...那下面按照步骤操作一次: Step 1:在布局中添加BottomNavigationView: android.material.bottomnavigation.BottomNavigationView...app:behavior_skipCollapsed:如果底部表单可隐藏,并且设置为true,则表单不会处于折叠状态。 听说,有人想来点赞赏? 最后,觉得不错,来波转发~比心~

    4K20

    Android自定义View实现一个炫酷的时钟

    56407eafd2153525.gif 1.2、从功能上分析一下这个控件,大致有以下特点 随机运动粒子从圆周向圆心运动,并与切线方向有正负30°的角度差,粒子透明度、半径、运动速度随机,运动超过一定距离或者时间消失 背景圆有一个从内到外的渐变色...计时模式下圆环有一个颜色渐变的顺时针rotate动画 整个背景圆颜色随着扇形角度变化而变化 指针颜色变化 数字变化是上下切换动画 1.3、从结构上分析 这个控件可以拆分为两个部分,由背景圆+数字控件两个部分构成的组合控件...,所以这方案无效 最终采用图层混合模式实现指针图片变色 image.png 通过PorterDuff.Mode.MULTIPLY模式可以实现bitmap颜色,源图像为要修改的指针颜色,目标图像为白色指针...return mParameter; } 三、跳动数字动画实现 3.1、属性动画+2个TextView实现数字上下切换动画 实现数字切换动画,原本打算用RecycleView实现,但是考虑到动效上将来可能面临...欢迎关注我,分享Android干货,交流Android技术。 对文章有何见解,或者有何技术问题,欢迎在评论区一起留言讨论!

    1.1K30

    【HarmonyOS 专题】04 简单了解 Button 按钮属性

    圆角按钮 对于按钮的形状,背景色等一般都是通过 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 中添加默认和点击效果即可; <?

    1.3K10

    听说你也在开发年终盘点?送你一篇详尽的踩坑实战~

    ,这里我们需要用到X5内核视频播放的一个属性 x5-video-player-type设置为h5-page之后,这样就可以控制视频在网页内部同层播放,同时也可以在视频上方显示html元素。...而我们的视频在前 7.23s的时候会有视频音乐的,因此播放时不能设置为静音,所以无法做成自动播放,于是做成了如上图所示, 用户点击时才能开始播放。...但是... 1、Android切换背景音乐的时候视频暂停播放 没错就是卡在这里... 需要注意: 在Android设备上视频播放后同时使用audio标签播放音频时会导致视频卡住。...下雪的时候以屏幕宽度为维度,设置雪花的数量用来控制雪的密度。...但是透明度不仅针对文字,对它下面层级的元素也同样有效果(因为这里文字容器需要设置为透明背景)。这样雪经过渐变的时候会出现穿透的效果,影响用户体验。

    1K10

    实战 | 在应用中使用 Compose Material 3

    isSystemInDarkTheme 工具函数,根据系统设置在浅色和深色配色方案之间切换。...为了在 Jetchat 中实现这一点,我们首先更新 JetchatTheme 为动态配色添加一个新参数,然后使用该动态配色参数设置动态 ColorScheme,或者在不可用时回退到品牌的蓝色配色方案。...此类更新利用了新的 Material 3 主题设置值,并包含了对每个组件规范的最新更新。 △ Material 3 中更新的组件 例如 Material 2 中的 BottomNavigation。...在个人资料界面上有一个用于撰写消息的扩展 FAB,该组件已从 Material 2 更新为 Material 3 版本。...MDC-AndroidCompose Theme Adapter 库 是一款支持重用 Android XML 主题的 Material 组件,以方便我们在 Jetpack Compose 中设置主题。

    3.8K20

    自定义 Drawable 你还只会 吗?

    最近做需求的时候,设计师出了一张这样的设计稿 其中每一个卡片的背景都是从上到下渐变,仔细看其中的边框也是渐变的,这个要怎么实现呢?第一个能想到的最简单的办法就是让设计师导出包含边框的完整的背景切图。...(开玩笑);更重要的是,对比直接使用一张图,使用自定义 Drawable 来实现可以减少包大小(还能炫技) 渐变背景的实现 渐变背景很简单,相信是个 Android 开发都会,这里不多啰嗦,直接贴代码...我们都知道在中可以使用标签实现边框,但是不支持渐变呀。...比如我们可以在底下放置一个深色的图层,上层再放置一个白色图层,白色图层比下层宽高小 2dp,两个图层居中展示,这样就实现一个宽度为 1dp 的边框了。...在这个基础上,我们把两个图层都设置成渐变,这不就是我们要的渐变边框了吗 <?xml version="1.0" encoding="utf-8"?

    39710
    领券