Dorado 9 : 23.3.2.1 优化Banner显示

在完成主页主体工作以后,我们将页面再优化一下,使之显示更好看一些。

 

步骤1:在主页上方Banner中加入图片

目前主页上方Banner只有文字说明,现在加入图片,在View节点下新增Container控件,并将其用鼠标拖动到最上方,如下图所示:

设置其Layout为hbox,pack属性为start,如下图所示:

将Label控件拖入Container控件中,如下图所示:

在Container控件中新增一个Image控件,并将其移动到Label控件上方,设置其属性如下:

属性说明
imageimages/dorado-logo.png图片的url
stretchModefit图片拉伸方式
height60图片的高度

如下图所示:

 

Attachments:

image2020-4-28 16:17:38.png (image/png)
23.3-6.png (image/png)
23.3-7.png (image/png)
23.3-8.png (image/png)