在完成主页主体工作以后,我们将页面再优化一下,使之显示更好看一些。
步骤1:在主页上方Banner中加入图片
目前主页上方Banner只有文字说明,现在加入图片,在View节点下新增Container控件,并将其用鼠标拖动到最上方,如下图所示:
设置其Layout为hbox,pack属性为start,如下图所示:
将Label控件拖入Container控件中,如下图所示:
在Container控件中新增一个Image控件,并将其移动到Label控件上方,设置其属性如下:
属性 | 值 | 说明 |
---|---|---|
image | images/dorado7-logo.png | 图片的url |
stretchMode | fit | 图片拉伸方式 |
height | 60 | 图片的高度 |
如下图所示: