精华内容
下载资源
问答
  • 作为上代安卓国产安卓四强“中华酷联”的领头羊,中兴虽然已经在智能手机领域辉煌不再,但还是有...在加入新功能的同时,中兴也对系统AI进行了一次全面的优化更改,新的UI拥有1600+采用平滑圆角设计的系统图标,还...

    作为上代安卓国产安卓四强“中华酷联”的领头羊,中兴虽然已经在智能手机领域辉煌不再,但还是有不少新品发售。今天上午,中兴正式发布了基于安卓Q的新智能手机操作系统MiFavor 10。

    536e941e47337e6314c812d153b1913a.png

    新的MiFavor 10系统不仅支持深色模式,还采用黑色背景搭配白色文字,能为用户带来更好的夜间视觉体验。

    在加入新功能的同时,中兴也对系统AI进行了一次全面的优化更改,新的UI拥有1600+采用平滑圆角设计的系统图标,还优化了屏幕动画,提升了手势导航各场景动效。

    2ce3ff32f5b3df69a9184f33f0b0ecfc.png

    新的动效不仅更加流畅自然,也更符合美学设计,搭配更有活力的UI设计和更加精致扁平的图标,让系统风格显得更加年轻化,更符合年轻人的审美。

    除了美学设计外,新系统还加入了新的便捷功能,比如双指长按屏幕可快速识别屏幕内容。文字内容支持直接提取,还可编辑、分享与搜索。

    中兴的MiFavor 10系统还支持场景化搜索,可通过多种方式唤醒语音助手“小兴”,支持全语音操控“发红包”等微信常用功能。并在玩游戏时加入了全新的悬浮通知,新增全屏小窗回复,提高了用户的游戏体验。

    除此之外,中兴还添加了图片识别,文档校正等AI识别功能,也算是补上了AI应用领域的短板。系统优化方面,中兴也加入了自己的Z-Booster 2.0系统,类似vivo Multi-Turbo系统,可以让系统运行速度得到进一步提高。

    c0b5fab007f8c519ddb7b0581541113e.png

    中兴方面宣布MiFavor 10将于近期陆续开展升级计划。目前已确定升级的机型包括中兴天机Axon 10 Pro 5G和4G版、中兴Blade V10以及中兴天机Axon 9 Pro。中兴的老用户们可以去检查下有没有版本更新了。

    展开全文
  • 安卓中默认的图标样式一共有5种,圆形,圆角,方圆形,方形,水滴形,修改的默认的方式就是overlay framework-res下的config_icon_mask字符串,值得注意的是,修改这个样式,下拉状态栏、桌面以及设置下的图标样式会...

    安卓中默认的图标样式一共有5种,圆形,圆角,方圆形,方形,水滴形,修改的默认的方式就是overlay framework-res下的config_icon_mask字符串,值得注意的是,修改这个样式,下拉状态栏、桌面以及设置下的图标样式会一并修改,也就是说这个修改的是全局的样式,不单单是桌面的图标,下面逐一列举出来

    1.圆形   <string name="config_icon_mask" translatable="false">"M50 0A50 50,0,1,1,50 100A50 50,0,1,1,50 0"</string> 

    2.圆角   <string name="config_icon_mask" translatable="false">"M50,0L88,0 C94.4,0 100,5.4 100 12 L100,88 C100,94.6 94.6 100 88 100 L12,100 C5.4,100 0,94.6 0,88 L0 12 C0 5.4 5.4 0 12 0 L50,0 Z"</string>

    3.方圆   <string name="config_icon_mask" translatable="false">"M50,0 C10,0 0,10 0,50 0,90 10,100 50,100 90,100 100,90 100,50 100,10 90,0 50,0 Z"</string>

    4.方形   <string name="config_icon_mask" translatable="false">"M50,0L100,0 100,100 0,100 0,0z"</string> 

    5.水滴   <string name="config_icon_mask" translatable="false">"M50,0 C77.6,0 100,22.4 100,50 L100,88 C100,94.6 94.6,100 88,100 L50,100 C22.4 100 0 77.6 0 50C0 22.4 22.4 0 50 0 Z"</string>

     

    另外,我们也可以自定义图标的样式,转换成字符串就可以了,但是自己制作图标的时候,切记,xml图标的大小一定是100px,100px,100px,不要问为什么,问就是有bug!

    自定义的大圆角 <string name="config_icon_mask" translatable="false">"M23.8,0h52.4C89.4,0 100,10.6 100,23.8v52.4c0,13.1 -10.6,23.8 -23.8,23.8H23.8C10.6,100 0,89.4 0,76.2V23.8C0,10.6 10.6,0 23.8,0z"</string>

     

    展开全文
  • ---------------------------------------------ios----------------------------------------------------- 注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的。 1. 桌面图标...

    ---------------------------------------------ios-----------------------------------------------------

    注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的。

    1. 桌面图标 (app icon)

    • for iPhone6 plus(@3x) : 180 x 180
    • for iPhone 6/5s/5/4s/4(@2x) : 120 x 120

    2. 系统搜索框图标 (Spotlight search results icon)

    • for iPhone6 plus(@3x) : 120 x 120
    • for iPhone6/5s/5/4s/4(@2x) : 80 x 80

    3. 系统设置图标 (Settings icon)

    • for iPhone6 plus(@3x) : 87 x 87
    • for iPhone6/5s/5/4s/4(@2x) : 58 x 58

    4. 启动图片 (launch image)

    • for iPhoen5s/5(@2x) : 640 x 1136
    • for iPhoen4s/4(@2x) : 640 x 960

      iPhone6/iPhone6 plus 建议使用 launch file 或 storyboard ;如果依然想使用图片,尺寸数值为:

    • for iPhone 6(@2x) : 750 x 1334

    • for iPhone 6 plus (@3x) : 1242 x 2208

    5. 另一种根据iOS系统的分类法

    Spotlight

    • iOS 5,6

      base: 29pt, 需要 @1x, @2x, @3x,得出:29 x 29, 58 x 58, 87 x 87

    • iOS 7,8

      base: 40pt, 需要 @2x, @3x,得出:80 x 80, 120 x 120

    iPhone App

    • iOS 5,6

      base: 57pt,需要 @1x, @2x, 得出:57 x 57, 114 x 114

    • iOS 7,8

      base: 60pt,需要 @2x, @3x,得出:120 x 120, 180 x 180

    Settings

    • iOS 5,6,7,8

      base: 29pt,需要 @1x,@2x,@3x,得出:29 x 29, 58x58, 87x87

    6. 尺寸总结:

    图标尺寸输出列表:

    • 180x180
    • 120x120
    • 87x87
    • 80x80
    • 58x58
    • 57x57
    • 29x29

    启动图片尺寸输出列表:

    • 640x960
    • 640x1136
    • 750x1334
    • 1242x2208



    文/简述呢(简书作者)
    原文链接:http://www.jianshu.com/p/adpKye
    著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

    ---------------------------------------------ios-----------------------------------------------------

    ---------------------------------------------安卓-----------------------------------------------------

    1. 程序启动图标:

    LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px。

    MDPI (Medium Density Screen, 160 DPI),其图标大小为 48 x 48 px。

    HDPI (High Density Screen, 240 DPI),其图标大小为 72 x 72 px。

     

    xhdpi (Extra-high density screen, 320 DPI),其图标大小为 96 x 96 px。

    xxhdpi(xx-high density screen, 480 DPI),其图标大小为144 x 144 px。

    2.底部菜单图标

    1. 大屏:
    1. 完整图片(红色): 72 x 72 px
    2. 图标(蓝色): 48 x 48 px
    3. 图标外边框(粉色): 44 x 44 px

    1. 中屏:
    1. 完整图片: 48 x 48 px
    2. 图标: 32 x 32 px
    3. 图标外边框: 30 x 30 px

    1. 小屏:
    1. 完整图片: 36 x 36 px
    2. 图标: 24 x 24 px
    3. 图标外边框: 22 x 22 px

    3. 弹出对话框顶部图标

    小屏 24 x 24 px Low density screen (ldpi)
    中屏 32 x 32 px Medium density screen (mdpi)
    大屏 48 x 48 px High density screen (hdpi)

    4. 长列表内部列表项图标

    小屏 24 x 24 px Low density screen (ldpi)
    中屏 32 x 32 px Medium density screen (mdpi)
    大屏 48 x 48 px High density screen (hdpi)

    5. 底部或顶部tab标签图标

    1. 大屏 (hdpi) screens:
    1. 完整图片(红色): 48 x 48 px
    2. 图标(蓝色): 42 x 42 px

    1. 中屏 (mdpi) screens:
    1. 完整图片: 32 x 32 px
    2. 图标: 28 x 28 px

    1. 小屏(ldpi) screens:
    1. 完整图片: 24 x 24 px
    2. 图标: 22 x 22 px
     

    6. 底部状态栏图标

    ldpi (120 dpi) 18 x 18 px 小屏
    mdpi (160 dpi) 24 x 24 px 中屏
    hdpi (240 dpi) 36 x 36 px 大屏
    xhdpi (320 dpi) 48 x 48 px 特大屏

     

    ---------------------------------------------安卓-----------------------------------------------------

     

    总结:

    安卓   启动引导图切一张即可【最大的】

    ios

    转载于:https://my.oschina.net/jiemoxiaodi/blog/848305

    展开全文
  • ios/androidweb常用的loading图标有2种, 一种是ios的"菊花", 一种是android的"环". 今天我们用svg实现android的"环"动画, 下节课实现ios的"菊花".image注意: gif帧数少的原因, 实际动画效果是很平滑的.xml(svg)首先...

    ios/android

    web常用的loading图标有2种, 一种是ios的"菊花", 一种是android的"环". 今天我们用svg实现android的"环"动画, 下节课实现ios的"菊花".

    image

    注意: gif帧数少的原因, 实际动画效果是很平滑的.

    xml(svg)

    首先我们定义svg的画布尺寸为50x50, 在浏览器中缩放为36x36显示(这个36你可以根据实际需要调整), 定义环的圆心坐标为25,25, 半径为20(算下周长大概为125, 后面会用到), 颜色为currentColor获取父元素的color属性的值, 环的宽度为5像素, 看下在没写css前的效果:

    image

    scss

    .a-loading {

    &-android {

    animation: rotate 2s linear infinite;

    transform-origin: center center;

    >circle {

    display: inline-block;

    animation: dash 1500ms ease-in-out infinite;

    stroke-linecap: round; // 端点是圆形

    color: currentColor;

    }

    @keyframes rotate {

    100% {

    transform: rotate(360deg);

    }

    }

    @keyframes dash {

    0% {

    stroke-dasharray: 1, 200;

    }

    50% {

    stroke-dasharray: 100, 200;

    stroke-dashoffset: -45;

    }

    100% {

    stroke-dasharray: 100, 200;

    stroke-dashoffset: -124;

    }

    }

    }

    }

    stroke-dasharray

    先解释stroke-dasharray, 他是用来定义虚线的, 比如stroke-dasharray="50, 20"表示实线部分为50, 间隙20的虚线:

    image

    image

    试想一下, 如果环也用虚线表示, 并且让单位实线部分的长度在环的周长范围内变化,这不就实现了(半环/满环等形态), 下面分别是stroke-dasharray的值为25, 200/ 50, 200 / 100, 200:

    image

    注意: 这里的200是随意定义的, 表示虚线的间隙, 只要值大于环的周长即可.

    stroke-dashoffset

    偏移, 值为正数的时候, 虚线逆时针回退, 负数顺时针前进(左图的stroke-dashoffset:0, 环的起点在3点方向, 右图设置为-10以后, 环的起点被顺时针偏移了一段距离):

    image

    因为动画中, 环在增加长度的同时尾部在收缩长度, 所以需要配合stroke-dashoffset实现.

    动画的3个关键时刻

    image

    0%的时刻

    让圆环只呈现一个点, 为了让循环一周后动画不突兀(你可以改成0对比下效果).

    50%的时刻

    为了让圆环呈现80%的环, 所以设置实线部分长度为100(125*0.8, 125是周长): stroke-dasharray: 100, 200;, 同时尾部在收缩, 所以设置stroke-dashoffset: -45;.

    100%的时刻

    回到一个点的状态, 和0%状态一致, 这样动画循环起来不突兀, 但是从50%到100%的动画只是"尾部收缩", 所以我们用stroke-dashoffset:-124实现,125-124=1 正好是一个像素, 好了动画到此就实现完毕了.

    整体旋转

    为了和安卓系统的动画一致, 让整体也进行旋转. 这里代码比较简单不赘述.

    animation属性的扩展

    如果大家仔细看过css的animation的文档, 会发现animation可以同时支持多个过度动画, 比如animation: color 6s ease-in-out infinite, dash 1.5s ease-in-out infinite;, 用","分割多个动画.

    所以我们其实还可以对上面的动画进行扩展, 比如旋转的同时还有颜色变化:

    image

    &-android {

    animation: rotate 2s linear infinite;

    transform-origin: center center;

    >circle {

    display: inline-block;

    // 增加颜色变化的代码

    animation: color 6s ease-in-out infinite, dash 1.5s ease-in-out infinite;

    stroke-linecap: round;

    color: currentColor;

    }

    @keyframes rotate {

    100% {

    transform: rotate(360deg);

    }

    }

    @keyframes dash {

    0% {

    stroke-dasharray: 1, 200;

    }

    50% {

    stroke-dasharray: 100, 200;

    stroke-dashoffset: -45;

    }

    100% {

    stroke-dasharray: 100, 200;

    stroke-dashoffset: -124;

    }

    }

    @keyframes color {

    0%,

    100% {

    stroke: #6b5c5b;

    }

    40% {

    stroke: #0057e7;

    }

    66% {

    stroke: #008744;

    }

    80%,

    90% {

    stroke: #ffa700;

    }

    }

    }

    本文代码参考iview, 一个vue框架.

    展开全文
  • 这个最新的Chrome OS系统在一些设计上具备了更多安卓风味,为配备了触摸屏的Chromebook、平板电脑和二合一设备带来了操作界面改善。 据9to5Google消息,新UI采用了新设计的应用程序,采用了一些圆角的...
  • 黑马安卓52期视频教程

    热门讨论 2015-06-24 22:15:48
    01、安卓基础+JNI(14天)-------------------------- day01_Android应用开发-快速入门 01_网络制式的概念 02_android简单历史 03_Android体系结构 04_JVM和DVM的区别 05_下载SDK 06_SDK目录结构 07_模拟器的创建 ...
  • 项目中多处用到对话框,用系统对话框太难看,就自己写一个自定义对话框。   对话框包括:1、圆角  2、app图标 , 提示文本,关闭对话框的”确定”按钮 难点:1、对话框边框圆角显示  2、考虑到提示文本字数不确定...
  •  项目中多处用到对话框,用系统对话框太难看,就自己写一个自定义对话框。    对话框包括:1、圆角  2、app图标 , 提示文本,关闭对话框的"确定"按钮  难点:1、对话框边框圆角显示  2、考虑到提示...
  • 替换APP的启动logo后,显示如下: ...导致logo显示不出来的原因正是系统读的是roundIcon,而我们并没有提供,所以就显示了系统默认的图标。 修改配置如下: 两种类型都用同一张图或者切一个圆形logo替换即可。 ...
  • wp7系统和现在主流的塞班,iphone,安卓,等等 在风格上 有自己独特的简介 所以在开发时,一定要注意你开发的wp7的app 不是其他的,不要把其他的风格移植上来: 例如 wp7的瓷片风格(我称它方块)方块是wp7的...
  • 本项目是一个有大量中文注释版的AChartEngine图标引擎源码,AChartEngine 是一个安卓系统上制作图表的框架,目前它支持如下的图表类型:range (high-low) bar chart (范围条形图)、dial chart / gauge (拨号盘/压力表...
  • 本项目是一个有大量中文注释版的AChartEngine图标引擎源码,AChartEngine 是一个安卓系统上制作图表的框架,目前它支持如下的图表类型:range (high-low) bar chart (范围条形图)、dial chart / gauge (拨号盘/压力表...
  • achartengine引擎的中文注释图表是一个有大量中文注释版的AChartEngine图标引擎源码,AChartEngine 是一个安卓系统上制作图表的框架,目前它支持如下的图表类型:range (high-low) bar chart (范围条形图)、dial ...
  • [精仿]QQ2013局域网通讯(10.30更新版-带最新版界面库)

    千次下载 热门讨论 2013-11-02 16:18:45
    2.好友列表加入好友登录平台属性:安卓 苹果 WEBQQ PC 3.优化标题绘制模式,新添标题绘制模式属性。 4.新添标题偏移度属性。 5.加入圆形进度条控件:ProgressIndicator。 CC2013-9.5.2 1.优化截图控件,截图工具栏...
  • 2.好友列表加入好友登录平台属性:安卓 苹果 WEBQQ PC 3.优化标题绘制模式,新添标题绘制模式属性。 4.新添标题偏移度属性。 5.加入圆形进度条控件:ProgressIndicator。 CC2013-9.5.2 1.优化截图控件,截图工具栏...
  • 支持直接源码集成到example的方式,方便编译到安卓,for web套件等。 支持编译成wasm文件,直接网页运行,可以在谷歌、火狐、edge等浏览器运行,原生性能。 每个控件的源代码都有详细中文注释,都按照统一设计规范...
  • 图标处理工具 在线Icon库 取色工具 不透明度16进制值 手机To电脑同步预览工具 Gif图片录制工具 UI Programming Language Tutorials Games Guides Android设计指南非官方简体中文版 Android Cheatsheet for ...
  • getAppIcon : 获取 App 图标 getAppPackageName : 获取 App 包名 getAppName : 获取 App 名称 getAppPath : 获取 App 路径 getAppVersionName : 获取 App 版本号 getAppVersionCode : 获取 App 版本码 ...
  • front-end-Doc 前端文档汇总(含代码规范、开发流程、知识分享,持续更新) 综合类 地址 前端文档基本例子 ... 前端知识体系 ... 前端知识结构 ...Understanding ECMAScript 6 - Nicholas C....RequireJS进阶...

空空如也

空空如也

1 2
收藏数 26
精华内容 10
关键字:

安卓系统圆图标