java - How to make buttons retain their size in FXML -


so button normal when program starts if decrease size window cursor horizontally or vertically, buttons shrink smaller size.

code

fxml file

<?import java.lang.*?> <?import java.net.*?> <?import javafx.scene.shape.*?> <?import javafx.scene.text.*?> <?import javafx.scene.control.*?> <?import javafx.scene.layout.*?> <?import javafx.scene.image.*?> <?import java.net.url?>  <vbox fx:id="optionmenulayout" alignment="top_center" spacing="15"   prefwidth="1366"  prefheight="768"   xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8.0.40" fx:controller="millionairetriviagame.optionscreencontroller">     <stylesheets>         <url value="@backgroundimages.css" />     </stylesheets>     <stylesheets>         <url value="@buttonlayout.css" />     </stylesheets>     <children>         <imageview fitheight="300" fitwidth="300" smooth="true" >             <image>                 <image url="@imagefiles/millionairelogo1.png" />             </image>         </imageview>         <label style="-fx-font-style: italic;" text="click change background color" textfill="white">             <font>                 <javafx.scene.text.font name="sans-serif" size="20" />               </font>         </label>               <hbox alignment="center" spacing="200">             <children>                 <button id="smallbluebackground1"  fx:id="optionbutton1" onaction="#changebackgroundscreen" prefheight="50" prefwidth="80" />                 <button id="smallbluebackground2" fx:id="optionbutton2" onaction="#changebackgroundscreen" prefheight="50" prefwidth="80" />                 <button id="smallbluebackground3" fx:id="optionbutton3" onaction="#changebackgroundscreen" prefheight="50" prefwidth="80" />             </children>         </hbox>              <region prefheight="200.0" prefwidth="200.0" vbox.vgrow="always" />         <hbox alignment="bottom_right" spacing="10">             <children>                 <button fx:id="backtomain" onaction="#gotothemainmenu" prefheight="30" prefwidth="200" id="buttonlayout" text="back main menu">                      <shape>                         <javafx.scene.shape.rectangle archeight="30" arcwidth="30" height="30" width="200" />                       </shape>                 </button>             </children>         </hbox>     </children> </vbox>

here screenshot: note resized screen cursor show this right not size of screen

enter image description here

as can see, buttons not regular size.

here css file(if need be) associated 3 main buttons see in screenshot

#bluebackground1 {     -fx-background-image: url("/millionairetriviagame/imagefiles/bluebackgroundcolor.jpg");     -fx-smooth: true;     -fx-background-position: center center; }  #bluebackground2 {     -fx-background-image: url("/millionairetriviagame/imagefiles/bluebackgroundcolor2.jpg");     -fx-smooth: true;     -fx-background-position: center center; }  #bluebackground3 {     -fx-background-image: url("/millionairetriviagame/imagefiles/bluebackgroundcolor3.jpg");     -fx-smooth: true;     -fx-background-position: center center; }  #smallbluebackground1 {     -fx-background-image: url("/millionairetriviagame/imagefiles/bluebackgroundcolor.jpg");     -fx-background-repeat: stretch;        -fx-background-size: 80 50;     -fx-background-position: center center;     -fx-background-insets: 0, 0, 0, 0;     -fx-border-color: black;     -fx-border-width: 3;     -fx-border-style: solid;     -fx-effect: dropshadow(three-pass-box, black, 5, 0.5, 0, 0);  }  #smallbluebackground2 {     -fx-background-image: url("/millionairetriviagame/imagefiles/bluebackgroundcolor2.jpg");     -fx-background-repeat: stretch;        -fx-background-size: 80 50;     -fx-background-position: center center;     -fx-background-insets: 0, 0, 0, 0;     -fx-border-color: black;     -fx-border-width: 3;     -fx-border-style: solid;     -fx-effect: dropshadow(three-pass-box, black, 5, 0.5, 0, 0);  }  #smallbluebackground3 {     -fx-background-image: url("/millionairetriviagame/imagefiles/bluebackgroundcolor3.jpg");     -fx-background-repeat: stretch;        -fx-background-size: 80 50;     -fx-background-position: center center;     -fx-background-insets: 0, 0, 0, 0;     -fx-border-color: black;     -fx-border-width: 3;     -fx-border-style: solid;     -fx-effect: dropshadow(three-pass-box, black, 5, 0.5, 0, 0);  }

if want have dynamic dimensions shouldn't use min/pref/max size. instead should use proper layout containers. example use e. g.

  • vbox entire screen
  • a top , bottom stackpane in vbox
  • a gridpane in bottom stackpane buttons

and let button dimensions computed.

something this:

<?xml version="1.0" encoding="utf-8"?>  <?import javafx.geometry.*?> <?import javafx.scene.shape.*?> <?import javafx.scene.control.*?> <?import java.lang.*?> <?import javafx.scene.layout.*?>   <vbox maxheight="-infinity" maxwidth="-infinity" minheight="-infinity" minwidth="-infinity" prefheight="600.0" prefwidth="800.0" xmlns="http://javafx.com/javafx/8.0.40" xmlns:fx="http://javafx.com/fxml/1">    <children>       <stackpane vbox.vgrow="always" />       <stackpane vbox.vgrow="always">          <children>             <gridpane hgap="10.0" vgap="10.0">               <columnconstraints>                 <columnconstraints hgrow="always" />                 <columnconstraints hgrow="always" />               </columnconstraints>               <rowconstraints>                 <rowconstraints vgrow="always" />                 <rowconstraints vgrow="always" />               </rowconstraints>                <children>                   <button maxheight="1.7976931348623157e308" maxwidth="1.7976931348623157e308" mnemonicparsing="false" text="button" gridpane.hgrow="always" />                   <button maxheight="1.7976931348623157e308" maxwidth="1.7976931348623157e308" mnemonicparsing="false" text="button" gridpane.columnindex="1" gridpane.hgrow="always" />                   <button maxheight="1.7976931348623157e308" maxwidth="1.7976931348623157e308" mnemonicparsing="false" text="button" gridpane.hgrow="always" gridpane.rowindex="1" />                   <button maxheight="1.7976931348623157e308" maxwidth="1.7976931348623157e308" mnemonicparsing="false" text="button" gridpane.columnindex="1" gridpane.hgrow="always" gridpane.rowindex="1" />                </children>                <stackpane.margin>                   <insets bottom="10.0" left="10.0" right="10.0" top="10.0" />                </stackpane.margin>             </gridpane>          </children>       </stackpane>    </children> </vbox>

note: "1.7976931348623157e308" values max_value in scene builder.


-

Popular posts from this blog

c# - ODP.NET Oracle.ManagedDataAccess causes ORA-12537 network session end of file -

overview i want replace oracle.dataaccess orcale. managed dataaccess, opening connection latter throws ora-12537 network session end of file exception. exception message / stack trace {oracleinternal.network.networkexception (0x000030f9): ora-12537 : netzwerksession: dateiende @ oracleinternal.network.readerstream.read(orabuf ob) @ oracleinternal.ttc.orabufreader.getdatafromnetwork() @ oracleinternal.ttc.orabufreader.read(boolean bignoredata) @ oracleinternal.ttc.marshallingengine.unmarshalub1(boolean bignoredata) @ oracleinternal.ttc.ttcprotocolnegotiation.readresponse()} i trying connect oracle 11g database , not have client installed on local machine. working test application (unmanaged) using oracle.dataaccess works fine . using system; using oracle.dataaccess.client; namespace app.odp.unmanaged { internal class program { private static void main(string[] args) { //dummy connection string...
Read more

matlab - Compression and Decompression of ECG Signal using HUFFMAN ALGORITHM -

i want compress , decompress ecg signal stored text message text file , find out file size, cr,prd ratio,and qs. here code compression , decompression of ecg signal using huffman algorithm. i'm trying find out file size, compression ratio,prd ratio,qs. but error i'm getting the ecg file in text format. %clearing variables , screen enter code here clear all; close all; clc; [file1]=uigetfile('*.txt'); %fprintf('enter ecg file name :%s',file1); p=file1; t=sprintf('%s',p); b1=dlmread([file1]); len=length(b1); lead=input('enter lead number :'); %lead=str2double(lead); col2=b1(1:end,lead); e=fix(sqrt(len)); m=1; i=1:e j=1:e g2(i,j)=fix(col2(m)*1000); %amplifying 1000 m=m+1; end end g3=g2; i=1:e j=1:e ...
Read more

utf 8 - split utf-8 string into bytes in python -

i trying split utf-8 string bytes in python 3. problem is, when use bytearray, byte, encode etc functions array size of element 14 bytes, not 1 byte expected. need split text file sequence of bytes , send them byte after byte using sockets. tried this: infile = open (file, "r") str = infile.read() byte_str = bytes(str, 'utf-8') print("size of byte_str",sys.getsizeof(byte_str[0])) print gives me 14, need 1... suggestion? quoting official documentation : sys.getsizeof(object[, default]) return size of object in bytes. object can type of object. built-in objects return correct results, not have hold true third-party extensions implementation specific. only memory consumption directly attributed object accounted for, not memory consumption of objects refers to. if given, default returned if object not provide means retrieve size. otherwise typeerror raised. getsizeof() calls object’s __sizeof__ method , adds ...
Read more