小编S. *_*Doe的帖子

对于 Vaadin 14.1.23 TextFields，我想在视觉上区分红色错误消息（例如“此值太大。”）和黄色警告（例如“系统会将您的输入四舍五入到两位小数。”）。也可以选择蓝色信息消息。

因此，我创建了一个带有验证器的 TextField，如本例所示（https://vaadin.com/components/vaadin-text-field/java-examples/validation）：当您在标签为“Min 2”的字段中输入“1”时个字符”，然后该字段变为红色并显示错误：“最少 2 个字符”。

显示这样的（黄色）警告消息怎么样？

我尝试的是这样的：在验证器的 apply 方法中，我创建了一个带有 ErrorLevel WARNING 的验证结果，如下所示：

ValidationResult.create("System will round the decimals.", ErrorLevel.WARNING);

但 Vaadin 仍然生成了一个带有 part="error-message" 的 div：

<div part="error-message" aria-live="assertive" aria-hidden="false" id="my-field-error-44">System will round your input to two decimals.</div>

我想在 png 中绘制字符串。我需要高度不超过 600 像素的字母。

因此我尝试使用 Graphics2D.drawString：

    String text = "o";
    graphics.setFont(font.deriveFont(Font.PLAIN, fontsize));
    graphics.drawString(text, 0, 200);

字体大小不超过 100 的文本可以正常工作。问题：字体大小为 101 时，一些圆形字符（如“o”）变得有点倾斜。

这可以使用字体“Abril_Fatface”、“Amatic_SC”和“Cinzel_Decorative”（来自谷歌字体，例如https://fonts.google.com/specimen/Abril+Fatface或https://fonts.google.com/specimen/ Amatic+SC；ttf 文件可通过“选择此字体”然后在“选择的 1 个系列”对话框中的“下载此部分”下载）。使用其他字体，字符串绘制正常。

LibreOffice 显示圆形字符（如预期）。

这是完整的代码：

    import java.awt.Color;
    import java.awt.Font;
    import java.awt.FontFormatException;
    import java.awt.Graphics2D;
    import java.awt.image.BufferedImage;
    import java.io.File;
    import java.io.IOException;
    import javax.imageio.ImageIO;
    public class CustomFontWriting {
        public static void main(String[] args) throws FontFormatException, IOException {
            Font font = Font.createFont(Font.TRUETYPE_FONT, new File("Amatic_SC.ttf"));
            // Create empty image
            BufferedImage image = new BufferedImage(300, 300, BufferedImage.TYPE_INT_ARGB);
            Graphics2D …

在 Vaadin 23.1.0 应用程序的 LoginView 中，我可以Anchor导航到 Microsoft Azure Login URL: add(new Anchor("/oauth2/authorization/azure", "Login with MS Azure AD"));。

问题：当我单击该锚点/链接时，浏览器（Firefox 101.0.1 和 Chromium 103）中的 URL 会更新为http://localhost:8080/oauth2/authorization/azure，但浏览器无法导航。

问题：如何让该锚点导航到给定目标？

我尝试过的：

1. 当我单击锚点然后按 F5 时，它工作正常。（这是目前的解决方法。它表明该 URL 是可访问的。）
2. 当我将其更改href为Anchor“https://google.com”时，它就会导航。

其他观察结果： 当我单击锚点时，浏览器会向 Vaadin 服务器发出一个请求，其中包含以下请求：{"csrfToken":"10c44508-3e55-455c-b4b1-86b7d2390f44","rpc":[{"type":"publishedEventHandler","node":1,"templateEventMethodName":"connectClient","templateEventMethodArgs":["flow-container-root-2521314","ROOT-2521314","oauth2/authorization/azure","",null],"promise":4}],"syncId":4,"clientId":4}以及以下响应： for(;;);[{"syncId":5,"clientId":5,"execute":[["Systemanmeldung","document.title = $0"],["Systemanmeldung","document.title = $0"],[false,[0,3],"return (function() { this.serverConnected($0)}).apply($1)"],[4,null,[0,1],"return (function() { this.$server['}p']($0, true, $1)}).apply($2)"]]}]

意图：我想从 Vaadin 23.2.10 切换到 23.3.1。

我做了什么：在 pom.xml 中，我将 Vaadin 版本从 23.2.10 更改为 23.3.1。

发生了什么：之后应用程序（Spring Boot 加 Vaadin）启动，但 UI 不显示。相反，我看到了这条消息：

问题：这些版本之间的迁移有什么特别之处吗？https://vaadin.com/blog/vaadin-23.3-kubernetes-cloud-new-ui-components上的指南只是说“如果您使用的是 Vaadin 23.2.x，请将 pom.xml 中的 Vaadin 版本更新为 23.3.0 ”。

我尝试过的以及其他观察结果：

• 感谢虚拟化，我多次获得相同的开发环境。当 Vaadin 版本为 23.2.10 时，一切正常。切换到 23.3.1（或 23.3.0）后，UI 不再显示。

• 当从 23.3.1/23.3.0 切换回 23.2.10 时，UI 启动，但 UI 中显示一条错误消息：“

   [TypeScript] Cannot find module '@vaadin/tooltip' or its corresponding type declarations.
   /home/[mypath]/frontend/generated/jar-resources/tooltip.ts:1:25
     > 1 | import { Tooltip } from '@vaadin/tooltip';
         |                         ^^^^^^^^^^^^^^^^^
       2 |
       3 | const _window …

  Run Code Online (Sandbox Code Playgroud)