首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

游戏优化系列二:Android Studio制作图标教程

背景 谷歌在Android8.0后就推出了圆形图标,并在AndroidStudio中提供了制作工具。那么如果不制作圆形工具会怎么样?在部分设备上图标会出现适配问题,UI上不美观。...Studio 包含一个名为 Image Asset Studio 的工具,可帮助您根据素材图标、自定义图片和文本字符串生成自己的应用图标。...您可以选择一种颜色或指定一张图片作为背景图层。 (4)在 Legacy 标签页中,查看默认设置并确认您要生成旧版、圆形和 Google Play 商店中使用的图标。...指定 Color 资源类型时,会为背景图层停用此控件。 (6)点击 Next。 (7)(可选)更改资源目录。...示例1: 最后生成素材: 效果: 3.

3.6K30

一篇文带你了解黑暗UI模式的过去,现在和未来

所以,我们的眼睛习惯于在明亮的背景(阳光普照的天空)前看到黑暗的物体(人,山)等等。 ? 它内置在我们的大脑中。...手表官网设计 我们还必须承认,有些人确实患有无法使用亮色模式。视力障碍或畏光的人将从黑暗模式中受益匪浅。并且使用它可以减少蓝光的发射,众所周知,蓝光会降低我们的睡眠质量。 那电池寿命呢?...开发工程师在使用Xcode,Android Studio进行程序开发时,这些开发平台可以用非常简单的方法来为应用的亮色模式提供一组设计素材,为暗模式提供另一组素材。从技术上讲,暗模式很容易实现。...另外,在Android系统中,有一个非常有用的功能,称为“允许强制深色”。基本上,这是Android的自动暗模式。它会与黑暗模式兼容,虽然不完美,但是看起来还不错。...· 考虑更改你的主色 应该避免在黑暗模式下使用过于饱和的颜色:它们可能太亮和/或降低了可读性。Google Material Design建议在浅色模式下使用500色度,在深色模式下使用200。

1.4K50

PAG 4.2 版本正式发布:新增 3D 图层与视频替换能力,大幅优化 UI 播放性能

从上图的测试数据可以看出,iOS / Android 平台在 UI 场景中渲染数量众多的独立 View 时,使用 PAGImageView 相对于之前 PAGView 的方案,以同时渲染 20 个为例(...这部分内存增量虽然无法释放,但它并不会跟随动画数量线性增长,而且会跟 App 中其他 OpenGL 模块共享占用。...以上测试主要针对 PAG 在 UI 播放的场景下的对比数据,但如果是非 UI 场景下播放,例如视频编辑处理,要实时渲染海量的同屏动效素材,使用 PAGView 合并渲染仍然是最优的方案。...核心原因是无法绕过内存抓取这个最大的漏洞。...而 PAG 官方提供的素材加密模块确保了渲染过程中都不存在解密后的文件,也完全无法再次被编码成 PAG 文件。从源头上彻底杜绝了内存抓取的问题。

1.7K40

美颜SDK:抖音、微信都在用,10秒大型场景仅100KB!

短视频SDK、直播SDK接入,超低占用空间,十秒大型场景仅100KB+ 精准人脸识别,动态捕捉最优人脸画面 无限炫酷特效,支持Android、IOS系统。...提供产品级的UI开源界面,方便用户根据自己的业务定制界面,提供易用、稳定、统一的视频录制、导入裁剪和编辑高级接口,实现真正的二次开发、做到真正个性化。...2、专业滤镜:提供海量美颜滤镜,支持实时美颜; 3、自定义背景音乐:拥有海量不同场景背景音乐,用户可轻松选取背景音乐效果; 4、抖音特效:13种抖音特效拍摄功能。...5、支持视频拍摄、剪辑、转码、特效等有趣功能; 6、海量的视频滤镜、丰富的美颜素材库; 7、断点续传和回删: 支持上传下载断点续拍,回删; ?...更可以自定义更多炫酷的背景特效。

4K30

聊聊UI标准化

二、解决思路 设计师吐槽设计稿还原度低,已有的东西无法复用;开发吐槽设计稿不统一,交互模式不一致。因此UI标准化是开发与设计的标准。...如果将设计师的“素材库”统一,是否就可以有效避免该问题呢?考虑到设计师设计稿使用的要是Sketch。...注意(敲黑板) 因为该层是提供给业务方使用,根据UI标准化的约定,业务方不得随意更改样式,因此,该层需要尽可能的减少自定义属性的暴露。...由于产品主色不同,导致单选色系不一样,组件库里无法有效支持,基于这种情况,我们提出了两个方案: 展现层调整为以产品维度进行拆分; 抽离出针对该产品的资源配置文件。...鉴于这一点,UI标准组件提供了 codetemplate,即iOS里的 code snippets,Android里的 快捷键。

89120

Dialog自定义布局实现

小记一次自定义ui布局的Dialog实现 很多时候我们会收到设计师各种花样别出的弹窗需求,比如各种颜色背景和圆角的设计,这时候可以使用安卓自带的dialog小巧快速的实现这种自定义的弹窗,安卓系统自带的系统...dialog背景是直角白底的,我们需要先按ui设计图写好我们的xml布局 image.png 步骤一:按ui设计图画xml布局 先画一个圆角shape文件shape_white_radius_10dp.xml..." /> 接着上我们的ui布局,my_dialog.xml <?...在预览时,xml设置的背景文件引用的是子module的shape文件,在编译期引用的就是使用的主工程同名的shape文件。这导致我一直更改子module的shape文件样式却看不到我想要的效果。...layout布局文件,会导致莫名的R文件中id异常情况,一直提示你控件view的id错误,导致无法编译

67910

Android 天气APP(十三)仿微信弹窗(右上角加号点击弹窗效果)、自定义背景图片、UI优化调整

正所谓有需就有求,这是亘古不变的道理,第三个就是UI的优化,这次我是打算把切换城市的弹窗挪到二级菜单里面,右上角做一个一级菜单列表,这个列表暂定功能为切换城市和切换背景,这样做也是符合大众APP的审美,...更改点击之后的弹窗。 ?...接下来就是切换背景了 切换背景 切换背景的业务代码,我当然不可能也在MainActivity中写,因为现在里面的代码已经够多了,所以就要新建一个页面。...鼠标右键点击ui → New → Activity → Empty Activity ? ? Next即可 ? 创建好之后修改布局。...修改布局之前,这个要更改一个开关按钮的样式。 ? 首先是增加样式代码: <!

1.7K71

设计图转Compose代码,Relay帮你轻松搞定

填写完信息后点击保存,接着我们就可以导入到Android Studio中了。 在Android Studio中导入UI包 导入UI包 首先我们点击Figma平台中的Share按钮,并复制地址。...然后在Android Studio 中,依次选择 File > New > Import UI Packages 在输入框中输入刚刚复制的链接地址。 等待文件下载,成功下载后,系统会显示组件预览。...hello_card/*.png 支持相应组件所需的所有图片素材资源 hello_card/VERSION.txt 用于导入界面软件包的 Relay for Android Studio 插件版本 hello_card...UI更新 我们在Figma中将文字颜色改为红色,并且再多添加一个文本显示任意内容。 更改完之后我们重复上述步骤,发布UI包。 发布完之后我们直接在Android Studio中更新UI包。...Relay 可以根据UI图生成Compose 代码,包括添加参数、点击事件等 Relay 当前不支持支持阴影、文字属性、图层旋转等,并且仅支持Google fonts字体,要求较高时无法满足 生成的Compose

31110

产品介绍|PAG:消除动效研发成本

一、PAG诞生的背景从 AE 动效制作到终端 App 呈现,传统的实现方式如下图所示,有三大痛点:实现成本高、沟通成本高和性能难以保证。?...一个有意思的共同点,以上三种方案的作者都有比较丰富的 Flash 相关背景,都在把 Flash 完善动效工作流的实现方式带到移动端,三者出发的场景不同,因此实现的方式也会存在一些差异。...跨平台渲染SDKPAG渲染SDK目前已经涵盖了Android、iOS、Web、macOS、Windows和Linux等几乎所有的主流平台。...另外导出插件内置了数十种自动优化素材的策略,让设计师轻松制作出效果和性能俱佳的动效素材。??...整合视频渲染PAG和Lottie方案很重要的一个区别点就是应用场景的不同,Lottie方案依赖了平台相关的UI框架,开发成本较低,但也导致了它只能渲染到UI视图上,并且无法在子线程中使用。

3.3K132

图表美化教程|图案与形状填充

购物消费数据: 导入素材——素材填充颜色——复制素材——选中数据条并黏贴 打开数据序列设置选项卡,找到图片或纹理选项卡,点选层叠。 然后就是见证奇迹的时候,你敢相信自己的眼睛吗?...注意我刚才选用的素材是从PPT美化大师的形状中插入的矢量素材(可编辑的形状),当然如果是使用像素图的话也可以,不过颜色无法更改。...在填充形状的时候,一定要填充前自定义好形状的颜色,否则填充之后是无法更换颜色的。 填充咖啡: 图片填充: 下面的WiFi标识是一个(位图)像素图,无法更改颜色。...至于间距多少合适,自己看着调啦~ 图案填充: excel的图案填充功能非常有趣,里面内置了大概42款不同的图案样式,而且你可以自己定义前景色、背景并调制出自己喜欢的图案样式。...前景色与背景色调制规则(前景色一定要用深色,背景色使用同一色系的浅色) 只有你想不到,没有它做不到,这种纹理填充风格,非常类似于咨询公司的研究报告中的图表风格。

1.4K60

【Flutter 混合开发】添加 Flutter 到 Android Fragment

上面已经加载了 UI,但并不能一些交互和行为,通常情况下,需要将 Activity 的生命周期透传给 FlutterFragment: class MainActivity : AppCompatActivity...更改 FlutterFragment 的渲染模式 FlutterFragment 的渲染模式有两种:SurfaceView 和 TextureView,默认是 SurfaceView,SurfaceView...的性能比 TextureView 好,但其层次结构必须在最顶层或最底层,而且在 Android N之前的Android版本上,无法对 SurfaceView 进行动画处理,因为它们的布局和渲染与其他...对于Flutter未绘制的任何像素,背景均为黑色。由于性能原因,首选使用不透明背景进行渲染。Android上具有透明的 Flutter 渲染会对性能产生负面影响。...但是,有的时候需要其透明,显示其底下的 UI,因此,Flutter在 FlutterFragment 中支持设置为透明。

1.2K20

Google IO 2019 Android 应用源代码现已发布

源代码: github.com/google/iosc… 尽享 Android Q 新功能 手势导航 Android Q 引入了完全手势导航选项,允许用户通过手势动作返回上一级界面和主屏。...手势导航: 返回上一级界面和主屏 深色主题背景 Android Q 引入的另一项新特性是系统深色主题背景,它既可全局应用于 Android 系统界面,也可应用于设备上运行的应用。...今年的 I/O 应用更改了原先的 UI 设计,从而解决了若干可用性及性能问题。...如果您想了解我们对日程表 UI 作出了哪些更改,请前往 Github 查看相关代码 (将日程显示为单个列表,显示日期标识)。...查询结果将立即显示在屏幕上,因此,如果搜索字段发生任何字符更改,服务器会马上返回更新后的结果。接着,用户便可以点击某个词条,导航至对应页面并获取详细内容。

1.7K10

常见Button使用详解

Button(按钮)是Android开发中使用非常频繁的组件,主要是在UI界面上生成一个按钮,该按钮可以供用户单击,当用户单击按钮时,按钮会触发一个onClick点击事件。...一、Button简介 Button使用起来比较容易,可以通过指定android:background 属性为按钮增加背景颜色或背景图片,如果将背景图片设为不规则的背景图片,则可以开发出各种不规则形状的按钮...如果只是使用普通的背景颜色或背景图片,那么这些背景是固定的,不会随着用户的动作而改变。...首先从网上下载两张图片素材,然后放到res/drawable/目录下,在到res/layout/目录下创建一个button_layout.xml文件,然后在其中填充如下代码片段: 上界面布局中的第一个按钮是一个普通按钮; 第二个按钮通过background属性配置了背景图片,因此该按钮将会显示为背景图片形状的按钮; 第三个按钮综合了文字显示和背景图片

1.2K100

全屏、沉浸式、fitSystemWindow使用及原理分析:全方位控制“沉浸式”的实现

APP端之所以能够更改状态栏的颜色、导航栏的颜色,其实还是操作自己的View更改UI。...下面就来分析一下,APP层的API如何影响SystemUI的显示的,并一步步解开所谓沉浸式与全屏的原理,首先看一下如何更改状态栏颜色。...先看下关键点1跟2 ,这里是根据SystemUI的配置决定是否显示状态栏背景颜色,如果状态栏都不显示,那就没必要显示背景色了,其次,如果状态栏显示,但背景是透明色,也没必要添加背景颜色,即不满足(color...= 0 没有强制使用系统背景 sysUiVisibility & SYSTEM_UI_FLAG_HIDE_NAVIGATION == 0 没有设置隐藏导航栏 同时满足以上三点,Insets的bottom...沉浸式全屏 如上图:由于背景透明,所以状态栏与导航栏背景色View都没有被添加,其次,由于设置了View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION

5.4K40

Android富文本编辑器

Android富文本编辑器,一款支持撤销、加粗、斜体、下划线、有序无序列表、对齐、改文字大小、改文字颜色、插入图片、插入视频等功能,并且可设置cookie,自定义素材操作菜单的的编辑器。...android:id="@+id/editor_op_menu_view" android:layout_width="match_parent" android:layout_height="wrap_content...); //设置编辑器文字大小 mEditor.setEditorFontSize(16); //设置编辑器内边距 mEditor.setPadding(10, 10, 10, 10); //设置编辑器背景色...编辑器展示的图片访问不了,需要传cookie验证 解决方案: 先前试过在WebViewClient的shouldInterceptRequest方法中,针对url设置cookie,但是cookie同步不及时,导致部分图片无法加载...(注:android5.0以上记得打开cookie开关) //打开cookie android.webkit.CookieManager cookieManager = android.webkit.CookieManager.getInstance

2.5K30
领券