首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

1、关于Image Asset Studio Android Studio 包含一个名为 Image Asset Studio 的工具,可帮助您根据素材图标、自定义图片和文本字符串生成自己的应用图标。...它会针对您的应用支持的每种像素密度以适当的分辨率生成一组图标。Image Asset Studio 会将新生成的图标放置在项目中 res/ 目录下的特定于密度的文件夹中。...更高版本的 Android 使用 Image Asset Studio 生成的白色图标。...选择一个介于 -10% 和 50% 之间的值。如果也选择了 Trim,则先进行剪裁。 Image Asset Studio 会在透明的正方形内创建图标,所以边缘上有一些内边距。...Image Asset Studio 会针对不同的密度和版本将图片添加到 drawable 文件夹。

3.7K30

Android Studio 4.1 中 Design Tools 的改进

在 Android Studio 4.1 的迭代中,我们将重心侧重于听取并处理来自用户的反馈,并以此作为依据对现有工具进行改善,最终我们不仅重新设计了现有的一些交互方式,还新增了一些遗漏的功能。...Palette 中新增 Helpers 一栏 当创建某一 helper 时,您可以选择多个 view,右击来选择一个 helper,Android Studio 会自动根据用户所选添加正确的 id。...例如,快速对齐的按钮上增加了相应的指示图标,以及增加了用于快速重新排列 view 的 Reference Views 栏。 ?...在 4.1 版本中,我们将相同的理念引入到了 Drawable 中,当项目文件包含 Drawable 资源时,您会发现一个 gutter icon (间距图标) 出现在编辑器旁,通过它可以快速更改 Drawable...我们之前收到了很多关于 Material.io 中的 Material 图标同 Vector Asset wizard 中的图标不一致的抱怨,引起不一致的主要原因是 Android Studio 的发布节奏和

2.2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android高级开发-APK极致优化

    矢量图首次加载时可能消耗更多的 CPU 资源。之后,二者的内存使用率和性能则不相上下。我们建议您将矢量图像限制为最大 200 x 200 dp;否则,绘制它可能需要耗费很长的时间。...SVG是由XML定义的,标准SVG根节点是在Android中通过Vector实现支持,根节点是 ? ? ?...如果应用的最低 API 级别低于以上版本,Vector Asset Studio 会将矢量图文件添加到项目中;另外,在构建时,Gradle 会创建不同分辨率的 PNG 光栅图像。...为向后兼容 Android 4.4(API 级别 20)及更低版本,Vector Asset Studio 支持部分 XML 元素。 2....资源压缩 developer.android.google.cn/studio/buil… gradle属性 shrinkResources 对无用资源压缩 将无用的图片改成占位图,无用的xml改成空根文件

    1.2K40

    Android设计应用图标不用愁---Asset Studio Integration来帮你

    Android Asset StudioWeb版是一个非常好用的Andrid图标资源设计工具,它是由RomanNurik开发的。现在我们已经在ADT14里支持同样的功能。...当你打开Android Icon Set向导的时候,首先看到的是一个资源类型选择界面,也就是你想创建哪一类图标: ? 在这里,你可以选择创建哪一类图标,并且为这个被创建的图标起一个名字。...对于ActionBar,Asset Studio向导会生成亮、暗两种不同Holo 主题的图标。...对于选项卡则会生成“选中”和“未选中”两种不同样式的图标,并且对于v5(Andoid2.0)之前的版本则会新生成不同演示的“未选中”状态的图标(译者按:Asset Studio对于v5版本前后生成的“为选中...使用Asset Studio的一个优势就是在你点击完成按钮后,它可以直接在你当前的项目中生成你设计好的图标。

    1.1K50

    【Android OpenCV】Visual Studio 创建支持 OpenCV 库的 CMake 工程 ② ( VS 中创建 CMake 工程 | CMake 工程中配置 OpenCV 头文件 )

    文章目录 一、创建 CMake 工程 二、在 Visual Studio 的 CMake 项目中配置 OpenCV 库 1、CMakeLists.txt 配置文件说明 2、OpenCV 头文件配置...一、创建 CMake 工程 ---- 打开 Visual Studio 2019 , 在 VS 欢迎界面中 , 选择 " 创建新项目 " 选项 , 选择 " CMake 项目 " 类型 ; 设置 项目名称...--- 1、CMakeLists.txt 配置文件说明 在 Visual Studio 的 CMake 项目中配置 OpenCV 库 , 主要是在 CMakeLists.txt 中进行配置的 , 该配置文件在源码目录中...2、OpenCV 头文件配置 在上一篇博客 【Android OpenCV】Visual Studio 创建支持 OpenCV 库的 CMake 工程 ① ( 下载 OpenCV 库 | Windows...1> 已提取源文件和标头。 1> 已提取代码模型。 1> CMake 生成完毕。

    2.4K20

    黑科技:使用AI和机器学习将Android项目秒变IOS项目

    针对.9.png图片文件:在catalog中为asset添加了切片(slicing )信息。 Vector图片形式的xml被转换成Storyboard上能够使用的.pdf文件。...---- 以下是使用截图: Android和iOS设备的显示了各种资产的使用情况的屏幕截图: ? image ---- Android Studio布局编辑器: ?...image Xcode Storyboard编辑器: ? image ---- Android Studio Asset资源图片: ? image Xcode Asset 面板: ?...image ---- Android Studio .9.PNG 图片资源编辑器: ? image Xcode Asset面带有从.9.png文件中提取的切片信息: ?...---- 外部库Glide的转换 支持的功能: 从本地res文件夹加载drawable 从URL加载图片 将图片加载到UIImageView 在下载过程中提供占位符图片 在图片之间应用过渡:CrossFade

    1.5K00

    Android 8.0 之自适应图标

    自适应图标原理 在自适应图标中,将原来的一个图标分成了三个图层: foreground:需要显示的主 icon background:底层背景图案 Mask:遮罩,由手机设备厂商提供 ?...通过这三个图层决定了自适应图标的外观和形状 需要注意的是,提供的图层是没有形状、阴影的 PNG 格式图象 设计规则 在 Android 7.1 (API 级别 25)及更早的版本中,app 的启动图标大小为...动画视觉效果由所支持自适应图标的启动器生存,视觉效果可能因启动器的不同而有差别 OEM 厂商所提供的遮罩是,自中点起至少 33 dp 范围内的区域 在XML中创建自适应图标 要给你的应用创建自适应图标,...接下来需要在资源文件及中创建我们的自适应图标,在 Android 8.0 中自适应图标存在于 res/mipmap-anydpi/ 文件夹下,使用 元素为你的图标定义前景和背景图层...使用 Image Asset 创建自适应图标 Android studio 中提供了 Image Asset 工具,可以帮我们快速生成并适配各种分辨率的图标,在 AS 项目中的任意地方,右键 new 选择

    1.5K40

    【Android 安装包优化】Android 中使用 SVG 图片 ( 批量转换 SVG 格式图片为 Vector Asset 矢量图资源 )

    Studio 中自带的 " Asset Studio " 工具将 SVG 格式的图片转为 Vector Asset 矢量图资源 , 但是每次只能转换一张 , 效率很低 ; 在 https://github.com...资源文件的编辑预览工具 这里简单介绍下用法 , 更详细的内容参考上面 MegatronKings 的博客 ; 网页转换工具 : http://inloop.github.io/svg2android/...将当前的所目录中的所有 SVG 格式图片转为 Android Vector Asset 矢量图资源 , 放在 out 目录下 ; java -jar svg2vector-cli-1.0.0.jar -...-o out 生成的 Android Vector Asset 矢量图资源 : svg2vector-cli-1.0.0.jar 批量转换工具及上述目录 , 打包上传到了博客资源中 ; 下载地址 :.../studio/write/vector-asset-studio 缩减、混淆处理和优化应用 : https://developer.android.google.cn/studio/build/

    1.3K20

    Android应用图标微技巧,8.0系统中应用图标的适配

    如果你的APP中的targetSdkVersion是低于26的,那么就可以不用进行应用图标适配,Android 8.0系统仍然是向下兼容的。...很高兴告诉大家,Android Studio 3.0中已经内置了8.0系统应用图标适配的功能,如果你已经安装了Android Studio 3.0的话,那么恭喜你,你已经成功了百分之九十了。...重新回到IconTest项目当中,然后按下Windows:Ctrl+Shift+A / Mac:command+shft+A 快捷键,并输入Image Asset,如下所示: ?...点击回车键打开Asset Studio编辑器,在这里就可以进行应用图标适配了。 ? 这个Asset Studio编辑器非常简单好用,一学就会。左边是操作区域,右边是预览区域。...接下来的三个页签,Foreground Layer用于编辑前景层,Background Layer用于编辑背景层,Legacy用于编辑老版本系统的图标。

    1.9K20

    【Android 安装包优化】Android 中使用 SVG 图片 ( SVG 矢量图简介 | Android 中生成 Vector 矢量图资源 )

    /studio/write/vector-asset-studio SVG 全称 Scalable Vector Graphics , 可缩放矢量图 ; 矢量图不会随着图像缩放 , 出现图像质量降低的情况...中生成 Vector 矢量图资源 ---- 但是在 Android 中 , 不能直接使用标准的 SVG 文件 , 使用 Vector Assets 实现对 SVG 图片格式的支持 , Vector 矢量图也是...XML 文件 , 根节点必须是 , 并且内容格式也有一定的不同 ; SVG 图片的根节点是 ; Vector 资源的根节点是 ; 在 Android Studio...中 , 右键点击 res 资源目录 , 选择 " New / Vector Asset " 选项 , 弹出 " Asset Studio " 对话框 , 如果使用 Android 内置的图标 , 选择.../studio/write/vector-asset-studio 缩减、混淆处理和优化应用 : https://developer.android.google.cn/studio/build/

    1.5K30

    flutter中的包管理与资源管理

    很多编程语言或开发工具都支持这种“模块共享”机制,如Java语言中这种独立模块会被打成一个jar包,Android中的aar包,Web开发中的npm包等。...一个APP在实际开发中往往会依赖很多包,而这些包通常都有交叉依赖关系、版本依赖等,如果由开发者手动来管理应用中的依赖包将会非常麻烦。...在Android Studio的编辑器视图中查看pubspec.yaml时(图2-6),单击右上角的 Packages get 。 这会将依赖包安装到您的项目。...常见类型的assets包括静态数据(例如JSON文件)、配置文件、图标和图片(JPEG,WebP,GIF,动画WebP / GIF,PNG,BMP和WBMP)等。...(如果使用一些更低级别的类,如 ImageStream或 ImageCache 时你会注意到有与缩放相关的参数) 依赖包中的资源图片 要加载依赖包中的图像,必须给AssetImage提供package

    2.5K10

    【Android OpenCV】Visual Studio 创建支持 OpenCV 库的 CMake 工程 ③ ( CMake 工程中配置 OpenCV 库文件 | 拷贝 OpenCV 函数库文件 )

    /han1202012/87358942 一、CMake 工程中配置 OpenCV 库文件 ---- 在上一篇博客 【Android OpenCV】Visual Studio 创建支持 OpenCV 库的...CMake 工程 ② ( VS 中创建 CMake 工程 | CMake 工程中配置 OpenCV 头文件 ) 中 在 Visual Studio 2019 环境下的 CMake 工程中配置了 OpenCV...动态库文件拷贝到 系统中 , 下图中矩形框内的就是要拷贝的库文件 ; 编译项目 , 发现编译文件被拷贝到了 Y:/002_WorkSpace/002_VS/OpenCV_Demo/OpenCV_Demo..., 则使用 cv 中的函数或变量时 , 如 : Mat 矩阵 , 需要使用 cv::Mat 进行访问 ; 代码示例 : 先使用 imread 读取文件系统中的图片 , 然后使用 imshow 在新窗口中展示图片...Visual Studio 中 开发 OpenCV 程序 , 可以使用 imshow 函数快速看到效果 , 开发好之后再将代码移植到 Android 中 , 这样比较方便 ; 博客源码下载地址 : https

    1.1K20

    【Android 安装包优化】Android 中使用 SVG 图片 ( Android 5.0 以下的矢量图方案 | 矢量图生成为 PNG 图片 )

    ---- Android 矢量图参考文档 : https://developer.android.google.cn/studio/write/vector-asset-studio Android...中的矢量图从 Android 5.0 ( API Lv 21 ) 以上的版本开始支持 , 对于 Android 5.0 以下的版本 , 有两种解决方案 ; ① 将矢量图生成为 PNG 图片 ; ② 使用...Asset Studio 生成矢量图时 , 将矢量图自动添加到项目中 , 同时在 build.gradle 中 , 在 android / defaultConfig 层级下 , 配置 generatedDensities...; 在 build.gradle 中进行上述配置之后 , 编译应用 ; 分析生成的 apk 文件 , 在 apk 的不同分辨率的资源目录中 , 分别生成了不同分辨率的 ic_plane.png 图片.../write/vector-asset-studio 缩减、混淆处理和优化应用 : https://developer.android.google.cn/studio/build/shrink-code

    49510

    Android 8.0应用图标适配

    明显2的显示效果要好一些,1的显示有留白。 由于各大厂商对于应用的图标没有统一性,所以导致图标显示的多样化,google在Android 8.0中就对应用图标做了规范化处理。...通俗的讲,规范化处理就是logo是一个层级,背景是一个层级,在手机上显示的时候,不管是正圆还是圆角,其实都相当于是对背景的剪裁,来保证应用图标显示的统一性。 下面来进行实践操作。...(targetSdkVersion 等于26或者更高) 1、选中项目中的res文件夹,右键,new > Image Asset 2、弹出Asset Studio编辑器 1、前景层 2、背景层...上图红色框选的两个小图标基本上就是在各大厂商手机上显示的样子。...点击next就会生成相应的文件 主要是mipmap-anydpi-v26文件夹,在8.0及以上,就会用这个文件夹下的图标作为显示 到这里就适配完成了。

    66410

    【腾讯云 Cloud Studio 实战训练营】尝鲜体验Flutter编写一个App应用

    (android 和 ios)和电脑端(web 和 macos)都可以进行支持。...3、紫色标记的部分,这是最重点的地方,也就是咱们要编写代码的地方了,所有的代码文件放在此处即可。可以创建多个文件夹进行模块的分类。...另外,我们需要配置一下Flutter和Dart的环境支持图片此处,只需要点击“安装”,如果已经安装,重新加载一下即可。(线上环境都是配置好的,只需要加载一下即可)。..."Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。...缺点:对于手机端开发,真机调试是非常不友好的,在不打包的情况下,无法进行真机调试。开发中,对于扫码打开的页面点击效果和滑动效果体验极差。

    26210

    一款高仿 Eyepetizer | 开眼短视频的 MVVM 开源项目

    “ 基于 Kotlin[1] 语言仿写「开眼 Eyepetizer[2]」的一个短视频 Android 客户端项目,采用 Jetpack[3] + 协程[30]实现的 MVVM 架构。”...简介 这是一个高仿「开眼 Eyepetizer[2]」的短视频 Android 客户端项目,个人觉得这款 App 的 UI 设计风格很好看,界面简洁清新,通过此项目,进行相关技术的学习与整合。...另外值得一提的是,所有 UI 都是经过标注工具测量后的,无论是字体颜色、大小、间距等几乎都是像素级模仿的「开眼 Eyepetizer」Android 客户端 App,对应的 v6.3.1 版本(目前最新版...使用工具 Vector Asset Studio[8] 图标制作 iconfont[9] 图标/设计 Postman API[10] 调试工具 Charles API[11] 数据抓包 PxCook[12.../studio/write/vector-asset-studio?

    1.3K51

    Unity3D 入门:Unity 项目版本管理建议使用的 .gitignore 忽略文件和 .gitattributes 文件(2020年4月更新)

    Assets /[Aa]ssets/[Ss]treamingAssets/aa.meta /[Aa]ssets/[Ss]treamingAssets/aa/* 注意到 sln 和 csproj 都是忽略的文件吗...Unity C# 脚本,说说根目录的那些 sln 和 csproj 文件 - walterlv 额外的,你可能注意到 Unity 项目里面有大量的 *.meta 文件,是自动生成的,这个要加入到版本管理吗...Unity 创建这些文件是为了给导入的文件添加额外的元数据信息的,毕竟不能直接修改原来的文件。...这些信息包含: 描述如何导入这个资产文件 如何在项目中准备资产 如果你删除了这些文件,那么 Unity 会用默认的元数据信息生成一个对应的 .meta 文件。...欢迎转载、使用、重新发布,但务必保留文章署名 吕毅 (包含链接: https://blog.walterlv.com ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。

    1.5K20

    【初学者指南】在ASP.NET MVC 5中创建GridView

    介绍 在这篇文章中,我们将会学习如何在 ASP.NET MVC 中创建一个 gridview,就像 ASP.NET Web 表单中的 gridview 一样。...服务器端和客户端有许多可用的第三方库,这些库能够提供所有必需的功能,如 Web 表格中的搜索、排序和分页等。是否包含这些功能,取决于应用的特殊需求,例如在客户端和服务器端提供搜索或其它功能的需求等。...SQL 脚本,你可以利用它使用样例中的数据来创建数据库和表单。...现在,创建一个新的 ASP.NET MVC 5 Web 应用程序。打开 Visual Studio 2015,点击文件>>新建>>项目。 ?...在模型文件夹中,创建一个名为 Asset 的新类: using System.ComponentModel.DataAnnotations; namespace GridExampleMVC.Models

    6.2K90

    Flutter基础篇(9)-- 手把手教你用Flutter实现Web页面编写

    (2)IntelliJ或Android Studio 安装 IntelliJ或Android Studio的Flutter和Dart插件。...Android Studio中创建Flutter web项目:创建一个新的Dart项目,请注意,对于Flutter for Web应用程序,选择Dart project。...从Dart project中,选择应用程序模板的Flutter for web选项。 创建项目,pub get将自动运行。 创建项目后,点击run主工具栏上的按钮。...,意味着重新加载时应用程序状态将丢失,如果发现意外行为,则可能需要手动刷新页面。...(3)web目录 目前预览版来说,需要创建web/index.html和web/main.dart这两个文件夹。这为您的应用程序提供了一个入口点。通常,您复制粘贴下面的文件即可。

    3.2K10
    领券