创建允许CSS样式的简单GUI的最佳选择

时间:2015-10-24 18:26:48

标签: java css swing user-interface hta

我正在尝试创建一个具有4个按钮和一个打开文件对话框的客户端GUI。我已经尝试了几天Java Swing,并且无法弄清楚CSS样式是否可行。

之前我一直在使用.hta文件作为GUI,因为我可以使用我的javascript,html和CSS知识。另外,我可以轻松地从文本文件创建.hta。

但是使用Swing似乎我需要编译成.jar然后使用JSmooth或类似转换为.exe。但我之所以关闭,其他人使用我的GUI将需要安装Javascript才能运行jar或exe,而。 HTA GUI无论如何运行。我知道HTA很老,所以我正在寻找替代方案。

创建一个我可以使用CSS设计的简单GUI的最佳方法是什么?这对最终用户来说是最小的障碍?按钮只会写入文本文件,非常基本。

我尝试设置的按钮可以是found here.

感谢您的帮助。

段:

  .main-wrapper {
            border-radius: 4px;
            background-color: white;
            padding: 20px;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
            position: relative;
    }

    i.material-icons {
            font-size: 1.5rem;
            color: white;
            position: relative;
            border-radius: 50%;
            padding: 5px;
            margin: 3px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
    }
i.material-icons:after {
        content: "";
        width: 100%;
        height: 100%;
        border: solid 2px;
        transform: scale(0.8);
        position: absolute;
        top: -2px;
        left: -2px;
        border-radius: 50%;
        transition: all 0.3s ease;
}

i.material-icons:hover:after {
        transform: scale(1);
        box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}

i.material-icons:nth-of-type(4) {
        background-color: #88b999;
}

0 个答案:

没有答案