具有Tron效果的JavaFX 2 Form

这是一个具有TRON效果的简单JavaFX登录表单。 在此示例中,我使用CSS设置TextField和Button的样式。 这是CSS和Effect代码的片段:
.text-field{
   -fx-background-color: transparent;
   -fx-border-color: #00CCFF;
   -fx-text-fill: white;
}

.password-field{
   -fx-background-color: transparent;
   -fx-border-color: #00CCFF;
   -fx-text-fill: white;
}

.button{
   -fx-background-color: transparent;
   -fx-border-color: white;
   -fx-background-radius: 30;
   -fx-border-radius: 30;
   -fx-text-fill: white;
   -fx-font-weight: bold;
   -fx-font-size: 14px;
   -fx-padding: 10 20 10 20;
}
DropShadow effect = new DropShadow();
        effect.setColor(color);
        effect.setBlurType(BlurType.GAUSSIAN);
        effect.setSpread(spread);
        effect.setRadius(radius);

参考:来自GCG 合作伙伴 Mark Anro Silva的JavaFX 2 Form,来自GlyphSoft博客。


翻译自: https://www.javacodegeeks.com/2012/04/javafx-2-form-with-tron-effect.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值