文档



JavaFX:在JavaFX中使用布局

D layoutstyles.css

有关描述,请参见使用CSS样式布局面板

法律条款和版权声明

/*
 * 版权所有 (c) 2012, 2014, Oracle及其附属公司。
 * 保留所有权利。使用受许可条款约束。
 *
 * 此文件可在以下许可下使用和许可:
 *
 * 源代码的重新发布和使用,无论是否进行修改,只要满足以下条件:
 *
 *  - 必须保留上述版权声明、此条件列表和以下免责声明。
 *  - 以二进制形式重新发布的必须在文档和/或其他提供的材料中复制上述版权声明、此条件列表和以下免责声明。
 *  - 未经特定事先书面许可,不得使用Oracle或其贡献者的名称来认可或推广从本软件派生的产品。
 *
 * 本软件由版权持有人和贡献者“按原样”提供,不提供任何明示或暗示的担保,包括但不限于适销性和适用于特定目的的担保。
 * 在任何情况下,版权持有人或贡献者均不对任何直接、间接、偶然、特殊、惩罚性或后果性损害(包括但不限于替代商品或服务的采购、使用、数据或利润损失,或业务中断)承担任何责任,无论是合同责任、严格责任还是侵权行为(包括疏忽或其他)的理论,即使事先已被告知此类损害的可能性。
 */

代码

/*
 * LayoutSampleCSS的样式表
 */
 
.pane {
    -fx-background-color: #8fbc8f;
 
 
}
 
.grid {
    -fx-background-color: white;
    -fx-background-radius: 5.0;
    -fx-background-insets: 0.0 5.0 0.0 5.0;
    -fx-padding: 10;
    -fx-hgap: 10;
    -fx-vgap: 10;
}
 
 
.vbox {
/*    -fx-background-image: url("graphics/arrow_t_up_right.png");
    -fx-background-size: 96, 205;
    -fx-background-repeat: no-repeat;*/
    -fx-border-color: #2e8b57;
    -fx-border-width: 2px;
    -fx-padding: 10;
    -fx-spacing: 8;
}
 
.hbox {
    -fx-background-color: #2f4f4f;
    -fx-padding: 15;
    -fx-spacing: 25;
}
 
#hbox-custom {
/*    -fx-background-image: url("graphics/cloud.png");
    -fx-background-size: 64,64;
    -fx-padding: 18 4 18 6;
    -fx-spacing: 25;*/
    -fx-padding: 8;
    -fx-background-radius: 5.0; 
}
 
.flow-tile {
    -fx-padding: 10.0 3.0 5.0 0.0;
    -fx-hgap: 4;
    -fx-vgap: 4;
}
 
#button-custom {
/*    -fx-rotate: 45;*/
    -fx-text-alignment: center;
}
关闭窗口

目录

JavaFX:在JavaFX中使用布局

展开 折叠