javafx透明边框_JavaFX技巧6：使用透明颜色

javafx透明边框

为用户界面元素选择正确的颜色始终是一个很大的挑战，但是当您开发可重用的框架控件时，开发人员就无法控制使用它们的应用程序的外观和感觉，这甚至更具挑战性。尽管您可能总是将元素添加到默认的灰色背景之上，但是嵌入控件的开发人员可能更倾向于哥特式风格，并使用黑色背景。您选择的漂亮颜色突然与应用程序的其余部分发生冲突。

为了解决这个问题，我在使用FlexGanttFX和FlexCalendarFX时发现的最佳方法是使用半透明颜色。当您执行操作时，UI元素的颜色将始终是其自身颜色和背景颜色的混合。如果应用程序使用白色背景，则颜色将变亮；如果应用程序使用黑色背景，则颜色将变暗。您的元素和背景之间的对比度永远不会太强，从而使外观平滑。

以下屏幕截图取自FlexCalendarFX（正在进行的工作）。

现在，相同的UI带有更暗的背景。您可能一开始可能看不到它，但是这两个屏幕截图之间的绿色和蓝色实际上有所不同。这些是非常细微的差异，但是它们对您的应用程序的总体印象有很大的差异。

在JavaFX中，您可以在CSS中定义Alpha通道值小于1的颜色以实现透明度：

.my-style {-fx-background-color: rgba(255, 255, 255, .7); // transparent white
}

使用不透明度还具有很好的副作用，即使它们相互重叠，您仍然可以区分不同的元素。

翻译自: https://www.javacodegeeks.com/2014/07/javafx-tip-6-use-transparent-colors.html

javafx透明边框

javafx透明边框_JavaFX技巧6：使用透明颜色相关推荐

javafx 剪切板_JavaFX技巧18：路径剪切
javafx 剪切板我最近注意到,我致力于ControlsFX项目的PopOver控件无法正确剪切其内容. 当我为FlexCalendarFX框架开发手风琴弹出窗口时,这一点变得显而易见. 每当最后 ...
javafx 调用接口_JavaFX技巧3：使用回调接口
javafx 调用接口作为UI框架开发人员,提供自定义控件外观和行为的方法是我工作的一部分. 在许多情况下,这是通过允许框架用户在控件上注册工厂来完成的. 过去,我会为此创建一个工厂接口,并在框架内 ...
javafx 教程_JavaFX技巧6：使用透明颜色
javafx 教程为用户界面元素选择正确的颜色始终是一个巨大的挑战,但是当您开发可重用的框架控件时,开发人员就无法控制使用它们的应用程序的外观和感觉,这甚至更具挑战性. 尽管您可能总是将元素添加到默 ...
【PIL处理图片】小技巧之图片透明渐变处理
[PIL处理图片]系列文章目录小技巧之图片透明渐变处理小技巧之画虚线.加粗字体.自动分行(符号处理) 小技巧之圆角边框处理图片透明渐变处理想要图片有一个从透明到不透明的过渡,可以在图片上加一层 ...
CSS设置透明边框解决浏览器兼容性问题
设置透明边框的代码其实很简单,就只有一行,但是有时候很实用. border: 1px solid transparent; 有时间,你既需要边框不为0, 又不希望看到边框, 这个时候,它就起到作 ...
css加透明边框,CSS3实现透明边框的方法分享
我们在写项目的时候,经常性的会遇到弹出层的效果.UI的同学效果做的还挺漂亮的,类似截图如下就是半透明的边框.汗,前端的同事想到的方案是做个10*10的png24的半透明图片,然后作为背景平铺(让外 ...
ps怎么给图片加透明边框
我们先打开ps软件接着把我们需要修改的图片打开我们点击左侧工具栏上的矩形虚框,如图,选中整张图片在图片上右键,点击变换选区把图片的边框位置空出来,大小可以自己定接着我们点击编辑,描边在弹出 ...
android自定义透明圆形,Android给TextView设置透明背景、圆角边框
第一种方法:在drawable文件夹下新建一个文件设置背景样式代码: 在drawable文件夹下面新建text_view_border.xml <?xml version="1.0& ...
css 设置透明边框
想必大家都有这样的问题,我想设置一个透明的边框,为什么不行呢? 这就得谈到css3中的一个属性啦: background-clip.先看语法在默认的的情况下北京会在方框内,如上图.若想绘制透明边框, ...

javafx透明边框_JavaFX技巧6：使用透明颜色

javafx透明边框_JavaFX技巧6：使用透明颜色相关推荐

最新文章

热门文章