将文本字体更改为粗体

时间:2016-10-21 14:52:33

标签: sapui5

我有一个表(sap.m.Table),并希望将标题字体更改为粗体,但我无法这样做。这是我的view.xml中的一个列定义的代码

<Column
  hAlign="Left"
  width="17em"
>
  <Text text="Vendor" />
</Column>

在查看API(sap.m.Text)后,我没有看到改变文本的方法,而且我也是UI5的新手。有人能指出我在哪里寻找这个吗?

3 个答案:

答案 0 :(得分:0)

Documentation

中试试
  1. 创建自定义CSS
  2. 将您的styleclass添加到Control。

答案 1 :(得分:0)

sap.m.Label

您可以使用支持"Bold" designsap.m.Text而不是sap.m.Label

<Column id="myColumn">
  <Label labelFor="myColumn"
    design="Bold"
    text="..."
    wrapping="true"
  />
</Column>

此外,启用属性wrapping(自1.50起可用)以实现sap.m.Text的默认行为。应根据Fiori设计指南的建议为列标题启用包装:

  

Column Headers - Best Practices
  使用包裹[...]的控件。 使用截断的控件。

注意:如果标签没有标注任何内容,请尝试使用different controls like sap.m.FormattedText

答案 2 :(得分:0)

sap.m.FormattedText

另一种选择是在sap.m.FormattedText值内使用<strong> [api] 和内联标签htmlText

<Column ...>
  <FormattedText htmlText="&lt;strong>My Column&lt;/strong>" />
</Column>

sapui5 sap.m.Table bold column text

注意

  1. 在XML中,字符<必须用&lt;进行转义。
  2. 浏览器不会保证<strong>中的文本始终以粗体显示。

      

    <strong>元素用于更重要的内容,而<b>元素用于引起人们对文本的注意,而并不表示它更重要。 [source]

    <b>当前不支持元素FormattedText。另一方面,支持<em>来强调文本。

      

    strong and emphasized supported by UI5