文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【Visual Studio 2019】创建 MFC 桌面程序 ( 安装 MFC 开发组件 | 创建 MFC 应用 | MFC 应用窗口编辑 | 为按钮添加点击事件 | 修改按钮文字 | 打开应用 )

文章目录 一、安装 MFC 开发组件 二、创建 MFC 应用 三、MFC 应用窗口编辑 四、为按钮添加点击事件 五、修改按钮文字 六、打开系统其它应用 七、博客源码 一、安装 MFC 开发组件 ----..., 等待下载安装完毕 ; 二、创建 MFC 应用 ---- 在 Visual Studio 2019 环境界面中 , 选择 " 创建新项目(N) " , 选择 " Windows 桌面应用程序..." 下的 " MFC 应用 " , 输入相关配置 , 项目名称 , 存储路径 , 点击 " 创建 " 按钮 ; 应用程序类型选择 " 基于对话框 " , 基于对话框的选项设置为 无 ; 其它配置选择默认即可..., 运行后效果 : 四、为按钮添加点击事件 ---- 选中并双击该按钮 , 即可进入相应代码界面 , 编辑按钮的点击事件 ; 在该 void CMFCHelloWorldDlg::OnBnClickedButton1...--- 选中按钮 , 在 " 属性面板 " 中的 " 外观 " 下的 " Caption " 选项就是按钮的文本设置 ; 六、打开系统其它应用 ---- 再向窗口拖入两个按钮 , 点击后分别打开记事本和计算器

4.9K40
您找到你想要的搜索结果了吗？
是的
没有找到

【设计】近期发现的 APP UI 设计趋势

按钮和其他动作可能会刺激和分散注意力。这种设计趋势成为现代应用程序设计的最高优先事项之一。一些应用程序创建者甚至根本不支持按钮的使用。按钮会造成混乱并占用过多的屏幕空间。 建议用滑动功能替换按钮。...图形中的阴影和图层赋予它们 3D 效果、体积和深度，使人们可以享受更逼真的图像。 这种趋势可以与任何元素一起使用，在屏幕上创建对象层次结构并帮助用户更轻松地浏览应用程序。...因此，在您的应用程序中为图形添加深度时，请考虑 3D 趋势。 5、黑暗模式 暗模式是已在许多应用程序中高度使用的最大设计趋势之一。最近，设计师也提供了在应用程序中在标准模式和暗模式之间切换的机会。...您可以使用从浅色到深色主题的过渡，从而将屏幕分成两个逻辑部分。此外，您可以在按钮上使用渐变主题，使它们在屏幕上弹出。 玻璃拟态的概念也值得一提。...为了减少这种不利影响，应用程序开发人员创建了一种我们可以舒适使用的设计。 舒适视觉设计趋势的概念是为您的应用程序使用自然的色彩、舒缓的图像和简单的布局。这些技巧通常可以在冥想应用程序中找到。

1K30

全网Bento和3D？点评2024年UXUI设计趋势

腾讯WeGame网页改版的视差滚动效果视差一词源于希腊语中的“Parallaxis”，意为变化，视差本质上是一种错觉。...在网页、APP和动画设计中，往往故意将前景和背景之间运动速率做出差异来实现这种效果，最终能为为产品营造出顺滑并极具创意的用户体验。...5）主视觉3D化主视觉效果3D化在国内已经流行了很多年，早期各种云服务平台互相内卷时，相信大家对下面这种等轴的3D风格插图已经看到快吐了。...8）深色模式深色模式大概已经流行了3年+，但笔者认为这个风格还会继续流行下去：越来越多的用户开始有意识地尝试切换深浅色，并且逐渐固定自己的习惯。...如果你是一名新入行的设计师，建议至少从文中提到的趋势中选择一项作为自己年内的重点学习或研究的方向，更快地为自己积累和未来市场相匹配的设计能力。

28810

一键切换亮色模式和暗色模式，用Figma搞定！

以一个PC端的应用界面为例。 在本文中，我们在创建样式的同时，会说明我们为什么会选择特定的颜色。因为这些差别对设计师非常重要。 0.常量样式 重要的是要注意，在为明暗模式选择颜色时，颜色会略有不同。...例如，在上图中，我们展示了该按钮在浅色和深色主题中的外观。图标，文本和计数器具有恒定的颜色。按钮的背景有变化，但其中的内容未更改。...如下图： 要创建较浅和较深的基础色，您需要在其之上添加20％，40％和60％的白色和黑色。 例如，在上面的表示按钮点击状态的图片中，我们分别使用了较浅和较深的蓝色来表示按钮的不同状态效果。...例如：在上面的图片中，层级一（Primary）背景色为白色，层级二（Secondary）背景色为浅灰色。 除了这些颜色之外，我们还使用了彩色版本的背景，两种蓝色分别适用于浅色和深色模式。...它们用来描述某些重要的选项卡，按钮或信息块，并用于使用户专注于页面上的某些元素。 阴影效果可以在亮色模式下轻松被看到，它使元素具有3D外观，使按钮浮在屏幕上。

17.6K11

这四种最最常见的按钮类型，设计师必须掌握

使用阴影创建 3D 效果。阴影创造了一种高度的效果——一个按钮看起来像一个三维物体。阴影还可以加强视觉反馈——可以改变 Z 深度来模仿点击按钮的移动感。...最后但并非最不重要的一点是，幽灵按钮是视觉上的多功能按钮，这意味着它们可以在不同类型的背景上很好地工作。它使幽灵按钮适用于深色和浅色主题。...浅色和深色背景上的幽灵按钮 3.单一图形按钮 顾名思义，仅图标按钮是没有标签的按钮；它仅由图标表示。...如果您设计桌面应用程序，请考虑为仅图标按钮添加工具提示。用户应该能够将鼠标悬停在元素上并查看它的作用。...例如，Twitter 移动应用程序使用 FAB 创建推文。 也可以在桌面上使用 FAB，但没有必要这样做，因为我们有足够的屏幕空间。 设计要点 确保所有用户组都清楚地了解图标的含义。

3.1K10

H2O-ac theme for Jekyll

深色模式切换按钮 (2022年4月30日更新)   原来 H2O 主题的深色模式切换需要在 _config.yml 文件中配置开启，并且只能在固定时间段使用。...此次更新在页面右上角提供了深色/浅色模式一键切换按钮，如下图所示。由于更新了深色模式采用 cookie 的方式来确定，此深色模式切换按钮可以与原来的深色模式配置共存。...(2022年5月14日更新)   为文章的移动端页面添加了索引导航按钮。鉴于单页面的内容有限及侧边位置空间有限，暂未对单页面进行支持。...如下图所示，访问 H2O-ac 可以看到如下的 Use this template 按钮，点击该按钮即可用 H2O-ac 主题创建自己的博客代码仓库。...目前只能使用方式一创建仓库后，将文章的 markdown 文件复制到 _posts 目录下应用 H2O-ac 主题。

1.1K30

如何在网页设计中实现深色模式：增强用户体验

以下是在网页设计中使用深色模式的一些主要优点： 改进的美感：深色模式通过创建可吸引访问者的戏剧性对比，为网站提供时尚、现代的外观。...在本指南中，我们将探索如何使用 CSS 创建深色模式切换按钮并在浅色和深色模式之间切换。 CSS 变量（自定义属性） CSS 变量，也称为自定义属性，在实现深色模式中发挥着关键作用。...然后，我们创建一个暗模式类，在其中使用适合暗模式的值覆盖这些变量。 深色模式切换按钮 接下来，让我们创建一个切换按钮，允许用户在浅色模式和深色模式之间切换。...我们将使用 HTML 作为按钮，使用 CSS 来设置样式： HTML 代码： CSS： 应用深色模式样式 最后，让我们根据切换按钮的状态将深色模式样式应用到我们的网页： 在此 CSS 中，我们使用':checked...深色模式有潜力为世界各地的人们提高网站的可用性和用户体验，特别注重细节和用户体验。让我们作为设计师拥抱深色模式的适应性，并努力制作不仅美观、而且易于导航且以用户为中心的界面。

13310

苹果iOS 13 新设计规范全面解析

对于自定义颜色，目标是对比度为7：1，尤其是对于较小的文本。 对比度越高，深色背景下颜色就越浅，浅色模式下就会颜色越深。 ? ?...另外，模态必须提供关闭按钮，没有关闭按钮是不被允许的。 ? 请注意，千万不要滥用模态，因为他们仅仅是用到两种状态之间的切换，不要对用户造成困扰。（在任何时候，模态都要慎用，请注意。...（请注意：iOS 13中 3D touch的交互方式与此情境菜单的交互逻辑不太一样，情境菜单的交互方式是长按，而不是重压。...使用分隔符对相关菜单项进行分组：创建可视分组可以帮助人们更快地扫描菜单。 例如，您可以使用分隔符对与编辑项目相关的操作进行分组，使用另一个分隔符对与共享项目相关的操作进行分组。...避免提供打开项目预览的操作按钮： 人们可以点击打开他们正在预览的项目，因此通常不需要提供明确的“打开”按钮。

4.4K40

【移动应用开发】2022 年 8 大移动应用设计趋势

随着人工智能（AI）的进步，您可以创建更智能的聊天机器人，更好地满足用户的需求。据 Gartner 称，在未来几年内，人工智能将成为主流的客户体验投资。图 1 显示了一个聊天机器人应用程序的示例。...4.黑暗模式 深色模式是一种低光用户界面，主要使用深色。在过去几年中，暗模式已成为移动应用程序设计中非常受欢迎的功能。一些世界上最知名的品牌在其移动应用程序中加入了明暗模式。...如果深色主题设计不正确，可能会降低应用的可访问性。 5. 3D动画 近年来，移动应用程序设计中 3D 功能的使用发生了变化。这样的设计元素不仅仅用于装饰；它们还具有明确的功能目的。...由于智能手机的硬件能力有了显着提升，它们现在支持处理日益复杂的 3D 图形效果。 当然，为移动应用程序设计 3D 图形需要专业知识并且是一项具有挑战性的工作，但结果可能是惊人的。...这就是为什么这么多注册、登录和购买按钮都有圆角的原因，如图 9 所示。这些设计元素帮助客户确信他们应该与品牌保持关系或开展业务。

2.1K10

为你的网页添加深色模式

能够对页面容器上的边框阴影进行更新，使其在使用深色模式时不太透明。索引我们需要为页面阴影创建一个新的自定义属性。...添加更多组件 现在我们已经获得了自定义属性，可以继续向页面添加元素，并使用变量为它们设置样式。让我们创建一个按钮类，并在页面中添加一个按钮。...创建按钮悬停样式 使用相同的变量，还可以创建可用于两个主题的悬停样式。为了实现这一点，当用户将鼠标悬停在按钮上并转换这些属性时，我们将反转颜色。...制作按钮自定义属性 自定义属性与常规 CSS 元素具有相同的范围，这意味着可以用更加具体的选择器覆盖它们。可以利用这个特性并创建一些作用于按钮的变量。...使用 scope 为按钮创建不同的样式和交互 我们可以利用 scope 为深色和浅色主题的按钮创建不同的样式和悬停交互。可以根据媒体查询或元素的状态修改变量的值，而不是像往常一样使用新值重复属性。

1.6K30

最新iOS设计规范七｜10大视觉规范（Visual Design）

除非你是创建沉浸式体验，例如游戏，否则你的自定义动画应与系统的内置动画差不多的。 将动画设置为可选。在辅助功能首选项中启用减少动画的选项时，你的APP应该最小化或消除动画。...在深色模式下，系统为所有屏幕、视图、菜单和控件使用较暗的色彩，并使用更具活力的颜色，使前景内容在较暗的背景下突出。深色模式也支持所有辅助功能。...如果在浅色和深色模式下看起来都不错，请使用相同的资产。如果资产仅在一种模式下看起来很好，请修改资产或创建单独的浅色和深色资产。使用资产目录将你的资产组合成一个单独命名的图像。...你可以按物理按钮和内容来响应3D Touch。你旋转并摇动装置。 准确地参考日期。使用像今天和明天这样的友好的术语是很合适的，但如果不考虑当前的区域设置，这些术语可能会令人困惑或不准确。...这种格式将不同的字体样式组合到一个文件中，并支持在样式之间进行插值以创建中间的样式。通过插值，字体可以适应所有尺寸，同时为每种尺寸专门设计。

7.9K30

元宇宙并未带来黑白男女平等

3月31日，他点击了像素化图像上的购买按钮，图像上是一个中等肤色的男性化身，戴着 3D 眼镜，叼着一支香烟。 “这很体现我的态度，”37岁的成龙说。...根据 DeGenData 的数据，自8月以来，共有2124名男性 CryptoPunks 售出，中位数最低售价为99 ETH，同期，1165名女性头像的最低售价中值为95 ETH。...CryptoPunks 背后的 Larva Labs 公司的联合创始人 John Watkinson 说，他希望创建一个多样化的角色集合，以吸引广泛的收藏者群体。...“如果他们是白人，可能会担心使用黑人朋克作为头像会被指控为数码黑脸。”Nick Kneuper 说。...用户体验设计师 Ameer Suhayb Carter 就是其中之一，他创建了一个以黑人为主的团体 Crypto Cookout。

48610

2020年最值得关注的10个UI设计趋势

一方面，在视觉设计领域，一部分渐变变得更加夸张，但是在 UI 设计领域，无论是背景、UI元素（比如按钮、卡片和图形），渐变依然存在，只不过会显得更加微妙柔和。...5、插画和3D元素 插画毫无疑问是非常流行的。...不过，不论是配色还是视觉风格，无论是什么样的插画风格，最终的目标依然是要契合产品和 UI，所以很多插画都选择了相对扁平的风格，或者选择模拟类似3D的视觉外观。...如果你不想去自己绘制，可以尝试一下 Blobmaker 这个工具，能够帮你节省时间~ 7、深色模式 深色模式在这2年绝对是人所共知的一个设计风尚了，如今的深色模式 UI 设计已经深入到各个不同的应用。...只不过在具体的设计实施上，深色模式远不是简单的色彩反转就可以实施的，有很多注意事项，尤其是在对比度控制上。

49710

Human Interface Guidelines — Widgets

“Notes”可让您预览最近的笔记并快速创建新的笔记、提醒、照片和绘图。 Widget 的高度是可定制的，并且可以包含按钮、文本、定制布局、图像等。...使用3D Touch将压力施加到主屏幕上的 app 图标时，widget 会出现在快速操作列表的上方。...·通常，使用黑色或深灰色的系统字体作为文本 系统字体的设计更加清晰，且深色字体与标准 widget 背景配合良好。...·为 widget 起一个好名字 每个 widget 的内容上方都会显示 app 图标和标题。一般来说，widget 的名称应该与 app 的名称相匹配。...·为快速操作列表选择一个 widget  如果 app 有多个 widget ，请选择一个出现在使用3D Touch在主屏幕上向 app 图标施加压力时显示的快速操作菜单中。

1.1K30

Material Design Lite，简洁惊艳的前端工具箱

自metro和ios7开始的扁平化设计语言则相反，它着意去掉冗余的装 饰效果（比如透视、纹理、渐变等等能做出3D效果的元素），让“信息”本身重新作为核心 被凸显出来。...为文本、图标和分割线应用透明度 通过为文本设置透明度来表达文本的相对重要性： 对于深色背景的浅色文字，最重要的文本使用87%的透明度，次重要的文本使用54%的 透明度。...对于浅色背景的深色文字，最重要的文本使用100%的透明度，次重要的文本使用70%的 透明度，其他文本使用30%的透明度。 3....使用强调色 在大色块上绝对不要使用强调色，对动作按钮、开关或滑动条之类的组件应当使用强调色： 五、图标/Icon Google提供了适用于Material Design的图标字体，我们可以直接在前端样式表中使用...moz-osx-font-smoothing: grayscale; } 在页面中要使用图标字体，只需要应用上面定义的material-icons样式： face 上面的示例创建了一个笑脸图标

89810

谷歌MD深色主题设计规范详解（附Sketch官方文件下载）

A 高程为 1dp 的卡片，叠加层不透明度为5% B 高程为 6dp 的浮动按钮，使用没有叠加层的次要色 C 底部菜单栏，高程为 8dp，叠加层不透明度为12% 值得注意的是，叠加层不应应用于使用主色和次要色的...想要创建带有品牌调性的深色主题，也请在推荐的深色主题基准色（#121212）的基础上，以低不透明度的叠加层，来增加品牌调性。...在关键的元素上应当谨慎地使用强调色，尤其是文本和按钮。 寻找强调色 你可以使用官方的配色方案生成器来创建（或者查看）主题配色方案。它可以生成色调方案，也就是主色和次要色的一系列深浅颜色的变化。...为了保持品牌本身的可识别性，品牌色应该可以在深色主题之下充分地使用，但是这种跨主题配色的元素应该控制在一两个元素的范围内，比如只有品牌LOGO 和品牌按钮是这样用的。...不饱和的色彩，应该在深色的 UI 主题的其他地方多使用。 ? 高饱和度的品牌色应该使用浮动按钮（2），饱和度较低的主色则应该应用到文本等元素（1）之中。

9.5K10

Android 10适配要点，深色主题

于是，许多应用程序为了能够让用户在光线昏暗的环境下更加舒适地使用，会在应用内部提供一个一键切换夜间模式的按钮。当用户开启了夜间模式，就会将应用程序的整体色调都调整成更加适合于夜间浏览的颜色。...这里给AppTheme主题增加了android:forceDarkAllowed属性并设置为true，说明现在我们是允许系统使用Force Dark将应用强制转换成深色主题的。...然而，虽然现在界面中的主要内容都已经自动切换成了深色主题，但是你会发现标题栏和悬浮按钮仍然保持着和浅色主题时一样的颜色。...这是因为标题栏以及悬浮按钮使用的是我们定义在colors.xml中的几种颜色值，代码如下所示： #008577</color...这很好理解，因为Activity不重新创建Activity怎么切换主题呢？ 可是如果你当前所处的界面不想被重新创建，比如一个正在播放视频的界面。

1.7K10

Material Design Lite ，简洁惊艳的前端工具箱

自metro和ios7开始的扁平化设计语言则相反，它着意去掉冗余的装 饰效果（比如透视、纹理、渐变等等能做出3D效果的元素），让“信息”本身重新作为核心 被凸显出来。...为文本、图标和分割线应用透明度 通过为文本设置透明度来表达文本的相对重要性： ? 对于深色背景的浅色文字，最重要的文本使用87%的透明度，次重要的文本使用54%的 透明度。...对于浅色背景的深色文字，最重要的文本使用100%的透明度，次重要的文本使用70%的 透明度，其他文本使用30%的透明度。 3....使用强调色 在大色块上绝对不要使用强调色，对动作按钮、开关或滑动条之类的组件应当使用强调色： ?...在页面中要使用图标字体，只需要应用上面定义的material-icons样式： face 上面的示例创建了一个笑脸图标，face用来指定要显示的图标

1.2K30
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券