以下为正文: 1、概念 应用图标标记,称为Badge App Icon。 Badge,徽章,具象来说, 就是佩带在身上用来表示身份、职业的标志。...它,有这么些称呼: 应用图标标记; App包含标记图像; Badge App Icon; 小红点; 红点。 iOS系统在"设置"--"通知",可以找到设置的地方,属于"通知"的一种形式....iOS最开始设计并没有通知中心(iOS5.0之后才有通知中心),仅靠桌面图标上的Badge表示App是否有新消息; 而Android设计之初就有通知中心,可在通知中心内聚合查看所有App的通知,所以没有官方没有使用...Badge其实是属于系统级的通知,App们,把它应用到了app内的通知,提示用户有未读消息。...比如ColorBadges: 让提醒角标随 App 图标变化 ColorBadges是一款Cydia插件,这款插件的作用就是让应用程序的角标颜色和应用程序图标颜色相一致 形式的创新,也许可以从具象的徽章里找到一些设计元素
在Android开发中,通常会有这样的需求,逢年过节UI的小伙伴们都会做出节日或活动相关的APP图标让我们更换,可是每次更换都要发版实现。那么,如何在不发版的情况下动态地更换我们的图标呢?...使用标签为我们的启动Activity准备多个别名,拥有标签的activity指向启动Activity,每个拥有标签的Activity都可以单独设置一个icon,在程序中我们动态设置和的enabled属性来实现替换图标效果...android:enabled属性要设为false,否则桌面会存在多个APP图标。 android:icon属性设置为不同的图标。...这两种参数对应两种效果:当设为1时,当切换APP图标时,会有几秒钟的延迟,并且在延迟期间不能点击图标进入APP;当设为0时,当切换APP图标时,会立刻更换,但是应用会被强制退出并被清理掉。...需要将的enabled属性设为enabled或者将APP卸载后才能编译运行。 2、在应用管理和应用详情页里App的图标一直是原来的,不会动态修改。
动态改变app图标 代码实现如下: <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:..." android:label="@string/app_name" 这两个属性是用来设置图标和标签 android:name=".newsLuncherActivity" 别名的name设置成一个activity...添加标签后,具体启动方式,我们可以在服务器端设置一个开关,当请求到要更改桌面图标时,我们就可以通过 PackageManager 对象提供的 setComponentEnabledSetting...()方法关闭当前 Component 组件,并启动别名对应的 Component 组件,为了使得图标能够快速更换,我们可以加上重启Luncher应用代码,name是自己定义个类名,记住一定要传全路径,如...res.activityInfo.packageName); } } } 别名可以定义多个,对于不同时候就可以动态去更换不同的图标
苹果官方提供了相关的API来实现这个功能,主要是下面这几个方法: @interface UIApplication (UIAlternateApplicationIcons) // 如果为NO,表示当前进程不支持替换图标...have alternate icons") API_AVAILABLE(ios(10.3), tvos(10.2)); // 如果alternateIconName为nil,则代表当前使用的是主图标...这里的Primary Icon是设置app的主icon,可以在这里的Icon files数组内添加,有多个的话,依次添加,也可以这里不用填写,直接在Assets.xcassets 里配置; 在 Icon...iconName completionHandler:^(NSError * _Nullable error) { if (error) { NSLog(@"更换app...(IBAction)sunshine:(id)sender { [self changeAppIconWithName:@"sunshine"]; } 运行效果: 4,设置iPad动态图标
不知道大家注意到没有,iPhone自带的日历和始终App的图标是实时显示当日日期和当时的时间的,时间的秒钟还会走动,这其实就做到了在安装完App后,还能自由地变更App的图标,而现在,我们普通的开发者也可以实现了...效果如下: 可以看到在点击按钮操作后将App的图标更换掉了。 这个效果可以用在很多地方,做出更加需要时效性的App,比如日历、时间、天气、票据、活动等等。...图标发生错误了 : %@",error); } }]; } 这样我们就实现了最简单的在App运行的时候更换App图标的方法,但是,当点击按钮变更图标的时候,系统会弹出一个提示框:...App,或者是特殊时期在图标上加上活动标识,双十一啊之类的。...但是想想iPhone自带的时钟App,可以做到秒钟都随着时间变化,这又是如何做到的呢?
1.修改APP名称 路径:android/app/src/main/AndroidManifest.xml, 找到 android:label=”@string/app_name”。...点击Ctrl+鼠标左键转到string.xml 修改名称: app_name">你的APP名称 ...2.修改应用图标 路径android/app/src/main/AndroidManifest.xml,找到 如果是:是mipmap,则android:icon=”@mipmap/ic_launcher...图标大小分别为:48x48,72x72,96x96,144x144 然后重新生成APK即可
大尺寸的图标意味着该图标内用的最多的就是那个颜色。 最受欢迎的200个免费iOS App 如果把最受欢迎的200个免费app摆在色盘上就会看到如下场景: ?...最受欢迎的200个免费iOS App的图标颜色 我发现一大堆的蓝色和红色app图标,还有零零散散的绿色。粉色和紫色寥寥无几,只有Snapchat是黄色。...最受欢迎的200个付费iOS App图标 虽然和免费版本的app一样也体现出类似的在蓝、红、绿上的集中,付费的app似乎在单个图标上使用了更多的颜色,这导致了更多的小icon(分身)出现在上面的色盘中。...100个最新的iOS App图标颜色 结果和最受欢迎的付费app颜色分布非常相近。 最受欢迎的200个iOS社交app 所有的社交网络app估摸着都是蓝色的吧不是吗?...对此我以前100个最受欢迎的免费app做了回应: ? 图标越大表示单个图标里使用该颜色的占比越大。
iOS 10.3 开放了更换 app 图标的 API,核心方法是下面这个: func setAlternateIconName(_ alternateIconName: String?...blackBgColor 是我的用于替换原生图标的图片资源。...文件名需要和 info.plist 中保持一致(注意 info.plist 中用到了两次 "blackBgColor"),同时这也是你在代码中设置图标时,需要给 API 传入的参数。...if UIApplication.shared.supportsAlternateIcons { print("you can change this app's...icon") }else { print("you cannot change this app's icon") return
新系统中,地图、App Store、时钟、相机、联系人等等原生应用都换了新的图标。此次图标的变化势必也会激发下一个图标设计的潮流,如何设计图标又将成为一个新的热门话题。...扁平化风格依旧是主流设计,那么如何设计一个好看、优雅的图标呢? ? 在设计或者绘制图标之前,首先要搞清楚图标到底是什么,为什么要画图标等等。 1.图标是什么?...图标是具有指代意义或者象征某种特殊含义的图形,在不同场景下图标的表达含义也会有不同。当今的图标风格大致可分为拟物化和扁平化,从iOS 7开始,一系列炫目的界面和简化的app图标设计出现。...可识别性 识别性是产品图标的基本,它造就了图标的唯一性。一个图标是否从根本上起作用,取决于用户是否可以轻易的理解到这个图标的含义。为了使图标更加便于理解,很多设计师选择在设计中使用黑白色。...差异性 在App Store中搜索一款应用,展示出的应用图标大都大同小异,用户在众多孪生图标兄弟姐妹中也难以取舍。
Android 修改应用图标 通过 Android Studio 打开 Flutter 中 android Module,右键选择 “New ===> Image Asset”: ?...调整 AndroidManifest 文件: <application android:name="io.flutter.app.FlutterApplication"...-- 添加对于圆形 Icon 支持 --> 2. iOS 修改应用图标 找了个图标生成网站: icon.wuruihong.com/ 上传对应的 Icon 选择生成的一些基本参数,这里感觉默认就够用了:...接下来用 Xcode 打开对应的 ios module,替换对应资源: 下载已生成的图标,选取 iOS 图标资源复制到以下地址中: ios ===> Runner ===> Assets.xcassets...修改 Android 应用名称 按照如下地址,打开 AndroidManifest 并修改 application 节点下的 android:label 内容即可: android ===> app =
clean-cache 然后再执行ionic resources --ionic 3、最后重新打包就可以了 启动界面跟上面同样的操作 ionic resources --splash 图标生成后...配置文件自动更新 如下: 同时生成启动图标与启动动画
名称 修改APP图标-Android 1、找到读取APP图标的地方 进入目录::android/app/src/main/AndroidManifest.xml...找到: android:icon=”@mipmap/ic_launcher” 这里的ic_launcher就是我的图标。...2、修改图标 进入目录:android/app/src/main/res/mipmap–xxx, (PS:这里需要注意,可能是mipmap,也可能是drawable),我这里是mipmap。...这里面的图标大小都不一样,但是名字是一样的。...图标分为 48x48,72x72,96x96,144x144.适配安卓不同机型 修改App的名字与图标-IOS IOS的修改与配置到需要使用到XCode,当然也可以不用。
1.安卓 2.修改APP名,不是软件里面显示的,而是桌面上应用名称 路径 /android/app/src/main/AndroidManifest.xml android:label="flutterapp..." 改换这里的值 3.修改APP图标 路径 /android/app/src/main/res/minmap-hdpi/ 更换里面对应的大小图标
记录下如何在uni-app中使用自定义图标 # 图标库准备 1.注册阿里巴巴图标矢量库账号 2.选择顶部菜单图标管理-我的项目后新建项目 3.在新建的项目中添加自己喜欢的图标 4.点击查看在线链接...,获取在线图标链接代码 ?...# uni-app组件修改 基于官方的m-icon组件进行修改 m-icon.css中font-face的src修改为自己图标库在线链接里truetype格式的链接 @font-face { font-family...*/ type: String, /** * 图标颜色 */ color: String, /** * 图标大小.../m-icon.css"; # 页面引用组件 在页面中引入修改后的图标组件 图标名称" color="#757575" size="10"></m-icon
图标尺寸一般为:16*16px、512*512px、1024*1024px. 生成APP常见的图标尺寸的办法有2种: 第一种:自己根据设计出来的APP图标尺寸自己调整图标icon尺寸大小。...第二种:借助第三方神器和在线生成图标icon工具来完成。...icon.wuruihong.com/ 一键快速生成iOS, Android,Windows Phone, WebApp, iWatch(watchOS), PhoneGap(Cordova)等移动平台不同大小(规格尺寸)的App...图标,快速预览,提供丰富选项,可以直接打包发布到应用市场,并提供相应的PSD模板。...2.网址:http://ydimage.yidianhulian.com/ 自动生成,自动导出,app icon, android icon,ios icon,iphone icon,ipad icon
Uni-app支持在应用程序中使用自定义图标。 使用矢量图标字体或图标库来添加自定义图标。...用相应的类名来渲染图标。 2:使用图标库:Uni-app还支持使用图标库,例如UniIcons或uView UI等。这些图标库提供了一系列常用的图标,引入并在应用程序中使用。...如何在 Uni-app 中导入自定义的 SVG 图标文件?...在 Uni-app 中导入自定义的 SVG 图标文件,可以通过以下步骤进行操作: 1:将自定义的 SVG 图标文件添加到 Uni-app 项目的合适位置,例如 static/svg 文件夹下。...通过以上步骤,在 Uni-app 中导入自定义的 SVG 图标文件并在页面或组件中使用。
.icns 是 Apple 的 macOS 操作系统的 App 图标文件的扩展名。...你可以通过鼠标右键点击 App - 显示包内容 - 进入 Contents 目录 - 进入 Resources目录,然后在目录下可以找到名为 Appicon.icns 或其他后缀为 .icns 的一个图标文件...1024 1024 icon.png -o icons.iconset/icon_512x512@2x.png 生成 icns 文件 终端 来中运行下面的命令,就可以获得名为 icon.icns 的图标文件了
当我们想要在整理设计稿中出现的图标,整理除了汇总之外,还需要重新调整一下图标的大小,使他们看起来“差不多大”。想要弄成一致性和统一性,非常的麻烦和耗时。...举例:图标大小为48px*48px 。如果你还需要其他尺寸的图标可以做完之后等比放缩即可。那你设计的图标最好是矢量的或者是形状图标。...谷歌官方规定Material Design 图标的形状类型分为三种:圆形、方形和矩形。 1.判定图标应该套用那种尺寸?...将图标与上图的模板居中对齐,然后中心不动,放大图标使之图标依次碰到三种形状的边界,填充最满的那个形状的尺寸就是该图标需要规定的尺寸。...3.对齐 如果有仔细看,我这个方法指定的图标大小为48px*48px,但是里面有内容的部分,比如说圆形,就只会占据44px*44px,这时候我们当然会希望把图形放置在图标的中央。
程序启动图标(icon launcher) 放在mipmap-*dpi下,文件名为ic_launcher.png L DPI ( Low Density Screen,120 DPI ),其图标大小为...36 x 36 px M DPI ( Medium Density Screen, 160 DPI ),其图标大小为 48 x 48 px H DPI ( High Density Screen, 240...DPI ),其图标大小为 72 x 72 px XH DPI ( Extra-high density screen, 320 DPI ),其图标大小为 96 x 96 px XXH DPI( xx-high...density screen, 480 DPI ),其图标大小为144 x 144 px XXXH DPI( xxx-high density screen, 640 DPI ),其图标大小为192...PS:使用 Shape 的其他参数,比如圆角square , 会默认使用不支持透明度的颜色作为背景,所以要根据具体的图标进行修改,特殊的情况需要设计师切出带圆角和透明度的大图。 2.
Github地址 https://github.com/YuKongA/HQ-ICON 演示图 演示站 https://www.naigou.cn/app/ 使用方法 本地安装node.js和npm...所以 Android 用户请使用隔壁仓库的 App 版本。