PowerApps教程03-开启软件设计之旅

一、开篇

前面的几个教程带着大家了解了PowerApps的基本概念和基本运作原理，今天的教程我准备教大家开始自我发挥和设计了。

二、准备工作

设计一个软件或者一个操作平台，如果单纯的只是做出一个界面出来，其实没啥难度。很重要的是还要考虑数据结构、用户群体以及界面风格。

2、用户群体
这个软件将来的用户是哪些人，权限准备怎么控制，需要把这些也考虑一下。

3、界面风格
每家公司都会有自己的文化风格等，可以考虑统一界面风格，看上去比较符合公司的价值和文化。

三、正式开始

好了，我们正式开始，在我的第一篇文章里，我有分享一个我临时设计的界面，我就用那个界面来给大家做个讲解。

第一步，打开PowerApps主界面：

第二步，给软件命名

接着给软件命名，同时选择是需要平板用的还是手机用的，平板样式也可以通过手机打开，我上面那个成品页面就是手机打开之后的截图。

选择创建之后，就会到PowerApps的设计界面：

左边的元素及控件区选择那个加 “+”，然后添加一个矩形区域，再修改尺寸，因为我们选择的是Tablet（平板）模式，因此这个屏幕的宽度为1366，所以这里我们设置这个矩形大小为1366*368，然后调整一下上下的位置。

在菜单栏选择插入，然后选择图片控件，调整好位置和尺寸。

添加好图标之后，选择添加一些装饰元素，然后点击菜单栏的插入，选择标签，准备添加“欢迎来到JS咨询项目群管理系统”：

我刚开始的时候界面背景是白色，但是觉得不够好看，因此改为了黑色，不得不修改其他的控件和素材的背景颜色，以匹配黑色的底色。

下面可以添加公司的文化标语了，这个也是用文本标签做成的。

等会，这里不是少了那个滑动条么。。。。对的对的，不好意思，因为那个滑动条的设计需要和其他的屏幕一起使用，我今天就先省略了，下一次的教程里边我再一起讲，不好意思，大家先考虑装饰这个欢迎界面吧，可以预留出一个滑动条的空间即可。