1185907650 发表于 2021-5-11 09:37:28

火山PC实战开发（信息展示软件）之界面布局1

本源码转载自利快云https://www.lkuaiy.com/

从今开始我们用实例来讲解火山PC，第一个软件，我们做一个信息展示软件，如下图
https://www.lkuaiy.com/image/editor/16205667949385.png


这是一个软件下载站的展示页面，我们用火山PC把它做成软件，我们可以通过火山现有的组件，以及各组件的颜色搭配也能做出好看的界面


第一步我们新建一个火山PC项目，名字自己随便起，然后进入窗口设置界面，我们将窗口边框设置为无边框，如下图


https://www.lkuaiy.com/image/editor/16205671792028.png



然后我们来给这个无边框窗口用组件来实现边框，创口上面的哪个搞一点得边框，我们用图片框组件，这里说明一下，图片框组件属于容器组件，容器组件上可以在放其它组件，我们需要在有上角放两个组件来实现窗口的最小化和关闭，然后左右和下边的边框我们可以用标签组件来实现，如下图


https://www.lkuaiy.com/image/editor/16205676715899.png




第二步设置窗口主色，我们可以通过QQ截图网页可以看到网页背景颜色的颜色值，得到颜色值后我们直接把窗口底色设置为该颜色值，再接着把每个独立介绍框的尺寸弄出来，在这里我们用图片框来作为每一个展示为的边框，然后也是通过QQ截图来找出颜色值，将组件布局器的底色设置为该值


每个独立展示为的左上角的推荐，我们只能用图片做出来，我们可以通过一些简单的图像处理软件就可以解决，我们直接将展示为整个截图下来在图像处理软件里把其它全部清理，值保留做上角，如下图


https://www.lkuaiy.com/image/editor/16205694844186.png



这样我们需要做4个这样的图片，依照之前的方法把图片做出来，这样我们就把展示为都弄出来了，如下图


https://www.lkuaiy.com/image/editor/16205706306278.png


源码点击附件下载

点击下载本附件



kike 发表于 2021-5-11 10:48:41

本帖最后由 kike 于 2021-5-14 15:37 编辑

谢谢分享

1185907650 发表于 2021-6-28 10:14:07

每日一顶:victory:

伟业 发表于 2021-6-28 11:01:19

学习。。。。。。
页: [1]
查看完整版本: 火山PC实战开发（信息展示软件）之界面布局1