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

相关文章

python编写朋克风格的天气查询程序

《python编写朋克风格的天气查询程序》这篇文章主要为大家详细介绍了一个基于Python的桌面应用程序,使用了tkinter库来创建图形用户界面并通过requests库调用Open-MeteoAPI... 目录工具介绍工具使用说明python脚本内容如何运行脚本工具介绍这个天气查询工具是一个基于 Pyt

使用Python创建一个功能完整的Windows风格计算器程序

《使用Python创建一个功能完整的Windows风格计算器程序》:本文主要介绍如何使用Python和Tkinter创建一个功能完整的Windows风格计算器程序,包括基本运算、高级科学计算(如三... 目录python实现Windows系统计算器程序(含高级功能)1. 使用Tkinter实现基础计算器2.

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

如何解决idea的Module:‘:app‘platform‘android-32‘not found.问题

《如何解决idea的Module:‘:app‘platform‘android-32‘notfound.问题》:本文主要介绍如何解决idea的Module:‘:app‘platform‘andr... 目录idea的Module:‘:app‘pwww.chinasem.cnlatform‘android-32

Android App安装列表获取方法(实践方案)

《AndroidApp安装列表获取方法(实践方案)》文章介绍了Android11及以上版本获取应用列表的方案调整,包括权限配置、白名单配置和action配置三种方式,并提供了相应的Java和Kotl... 目录前言实现方案         方案概述一、 androidManifest 三种配置方式

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是动态变化