Question

＆＃39;组件对齐＆＃39;是公认的，但不受尊重。请注意＆＃39;：＆＃39; -prefix，因为必须在父组件上设置此属性。

<v-panel size-full>
   <v-vertical-layout size-full>
      <v-horizontal-layout width="100%">
         <v-image source="theme://logo.gif" :component-alignment="MIDDLE_RIGHT" />
    <v-menu-bar _id="menu" width="100%" :component-alignment="BOTTOM_RIGHT" />
      </v-horizontal-layout>
   </v-vertical-layout>
</v-panel>

Answer 1

根据Vaadin book：

某些设置（例如布局中的组件对齐）不是在组件本身中完成的，而是在布局中完成的。以冒号（:)为前缀的属性将传递给包含组件，组件作为目标参数。例如，：expand =＆＃34; 1＆＃34;给定组件c相当于为包含布局调用setExpandRatio（c，1）。

<v-vertical-layout size-full>
  <!-- Align right in the containing layout -->
  <v-label width-auto :right>Hello!</v-label>
  ...

至少目前，它没有说的是，为了获得MIDDLE_RIGHT对齐，您需要单独指定它们，例如：

<v-button _id="loginButton" style-name="primary" :middle :right>Sign in</v-button>

如何使用Vaadin Declarative UI进行组件对齐？

1 个答案: