app扁平化风格

2024-05-06 16:38
文章标签 app 风格 扁平化

本文主要是介绍app扁平化风格,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!



wp8颜色汇总


在Windows 8和Windows Phone应用开发中经常需要自定义一些Windows Store应用风格主题,下面列举一些常用的颜色主题以及其编码,方便大家开发时使用。

Windows 8:

磁片颜色             深色系          浅色系

Teal 008299 00A0B1
Blue 2672EC 2E8DEF
Purple 8C0095 A700AE
Dark Purple 5133AB 643EBF
Red AC193D BF1E4B
Orange D24726 DC572E
Green 008A00 00A600
Sky Blue 094AB2 0A5BC4

在Windows 8中,主题颜色应用分为四个部分:

而这四部分的HEX代码,可以从下面列表获取:

颜色1          颜色2         颜色3           颜色4


F3B200
   
  77B900    
  2572EB    
  AD103C    
2E1700 632F00 261300 543A24
4E0000 B01E00 380000 61292B
4E0038 C1004F 40002E 662C58
2D004E 7200AC 250040 4C2C66
1F0068 4617B4 180052 423173
001E4E 006AC1 001940 2C4566
004D60 008287 004050 306772
004A00 199900 003E00 2D652B
15992A 00C13F 128425 3A9548
E56C19 FF981D C35D15 C27D4F
B81B1B FF2E12 9E1716 AA4344
B81B6C FF1D77 9E165B AA4379
691BB8 AA40FF 57169A 7F6E94
1B58B8 1FAEFF 16499A 6E7E94
569CE3 56C5FF 4294DE 6BA5E7
00AAAA 00D8CC 008E8E 439D9A
83BA1F 91D100 7BAD18 94BD4A
D39D09 E1B700 C69408 CEA539
E064B7 FF76BC DE4AAD E773BD
  00A3A3    
  FE7C22  


Windows Phone:

Windows Phone 8增加几个新的主题颜色代码,效果很不错,推荐使用。

上图对应HEX代码列表如下:

Lime: #A4C400; #a4c400

Green: #60A917; #60a917

Emerald: #008A00; #008a00

Teal: #00ABA9; #00aba9

Cyan: #1BA1E2; #1ba1e2

Cobalt: #0050EF; #0050ef

Indigo: #6A00FF; #6a00ff

Violet: #AA00FF; #aa00ff

Pink: #F472D0; #f472d0

Magenta: #D80073; #d80073

Crimson: #A20025; #a20025

Red: #E51400; #e51400

Orange: #FA6800; #fa6800

Amber: #F0A30A; #f0a30a

Yellow: #E3C800; #e3c800

Brown: #825A2C; #825a2c

Olive: #6D8764; #6d8764

Steel: #647687; #647687

Mauve: #76608A; #76608a

Taupe: #87794E; #87794e

如果你在开发中发现更多效果要的代码,欢迎留言推荐,我将及时更新。

marginwidth="0" marginheight="0" frameborder="0" bordercolor="#000000" scrolling="no" src="http://www.cr173.com/show/html/minjie_600.html" width="600" height="270" style="margin: 0px; padding: 0px;">



这篇关于app扁平化风格的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/964839

相关文章

macOS怎么轻松更换App图标? Mac电脑图标更换指南

《macOS怎么轻松更换App图标?Mac电脑图标更换指南》想要给你的Mac电脑按照自己的喜好来更换App图标?其实非常简单,只需要两步就能搞定,下面我来详细讲解一下... 虽然 MACOS 的个性化定制选项已经「缩水」,不如早期版本那么丰富,www.chinasem.cn但我们仍然可以按照自己的喜好来更换

使用JavaScript将PDF页面中的标注扁平化的操作指南

《使用JavaScript将PDF页面中的标注扁平化的操作指南》扁平化(flatten)操作可以将标注作为矢量图形包含在PDF页面的内容中,使其不可编辑,DynamsoftDocumentViewer... 目录使用Dynamsoft Document Viewer打开一个PDF文件并启用标注添加功能扁平化

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

MFC中App,Doc,MainFrame,View各指针的互相获取

纸上得来终觉浅,为了熟悉获取方法,我建了个SDI。 首先说明这四个类的执行顺序是App->Doc->Main->View 另外添加CDialog类获得各个指针的方法。 多文档的获取有点小区别,有时间也总结一下。 //  App void CSDIApp::OnApp() {      //  App      //  Doc     CDocument *pD

ConstraintLayout布局里的一个属性app:layout_constraintDimensionRatio

ConstraintLayout 这是一个约束布局,可以尽可能的减少布局的嵌套。有一个属性特别好用,可以用来动态限制宽或者高app:layout_constraintDimensionRatio 关于app:layout_constraintDimensionRatio参数 app:layout_constraintDimensionRatio=“h,1:1” 表示高度height是动态变化

在 Qt Creator 中,输入 /** 并按下Enter可以自动生成 Doxygen 风格的注释

在 Qt Creator 中,当你输入 /** 时,确实会自动补全标准的 Doxygen 风格注释。这是因为 Qt Creator 支持 Doxygen 以及类似的文档注释风格,并且提供了代码自动补全功能。 以下是如何在 Qt Creator 中使用和显示这些注释标记的步骤: 1. 自动补全 Doxygen 风格注释 在 Qt Creator 中,你可以这样操作: 在你的代码中,将光标放在

一个图形引擎的画面风格是由那些因素(技术)决定的?

可能很多人第一直覺會認為shader決定了視覺風格,但我認為可以從多個方面去考慮。 1. 幾何模型 一個畫面由多個成分組成,最基本的應該是其結構,在圖形學中通常稱為幾何模型。 一些引擎,如Quake/UE,有比較強的Brush建模功能(或應稱作CSG),製作建築比較方便。而CE則有較強的大型地表、植被、水體等功能,做室外自然環境十分出色。而另一些遊戲類型專用的引擎,例

App Store最低版本要求汇总

1,自此日期起: 2024 年 4 月 29 日 自 2024 年 4 月 29 日起,上传到 App Store Connect 的 App 必须是使用 Xcode 15 为 iOS 17、iPadOS 17、Apple tvOS 17 或 watchOS 10 构建的 App。将 iOS App 提交至 App Store - Apple Developer 2,最低XCode版本 Xcod

风格控制水平创新高!南理工InstantX小红书发布CSGO:简单高效的端到端风格迁移框架

论文链接:https://arxiv.org/pdf/2408.16766 项目链接:https://csgo-gen.github.io/ 亮点直击 构建了一个专门用于风格迁移的数据集设计了一个简单但有效的端到端训练的风格迁移框架CSGO框架,以验证这个大规模数据集在风格迁移中的有益效果。引入了内容对齐评分(Content Alignment Score,简称CAS)来评估风格迁移

鸿蒙自动化发布测试版本app

创建API客户端 API客户端是AppGallery Connect用于管理用户访问AppGallery Connect API的身份凭据,您可以给不同角色创建不同的API客户端,使不同角色可以访问对应权限的AppGallery Connect API。在访问某个API前,必须创建有权访问该API的API客户端。 1.登录AppGallery Connect网站,选择“用户与访问”。选择左侧