Cómo crear una alerta de estilo 'Bootstrap' con Javafx -- java campo con user-interface campo con javafx camp Relacionados El problema

How to create a 'bootstrap' style alert with JavaFX


0
vote

problema

Español

Quiero crear un panel que mostrará alertas a los usuarios de estilo de estilo Classic Bootstrap alertas que se muestran Aquí (el que tiene el botón X despido).

Hasta ahora he intentado usar un grádico y no es demasiado malo. Pero no estoy muy feliz con los resultados, especialmente cuando agrego más texto.

  <GridPane minHeight="40" maxHeight = "40">     <VBox fx:id="MessageVbox" alignment="BASELINE_LEFT" GridPane.columnIndex="0" GridPane.rowIndex="0">         <Label fx:id="Message" text="Alert Message" />         <padding>             <Insets bottom="5.0" left="10.0" right="10.0" top="10.0" />         </padding>     </VBox>     <Button fx:id="Dismiss" alignment="TOP_RIGHT" onAction="#handleDismiss" text="X" GridPane.columnIndex="1" GridPane.rowIndex="0" />      <columnConstraints>         <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0"             percentWidth="90.0" prefWidth="100.0" />         <ColumnConstraints halignment="RIGHT" hgrow="SOMETIMES"             minWidth="10.0" percentWidth="10.0" prefWidth="100.0" />     </columnConstraints> </GridPane>   
Original en ingles

I want to create an pane that will show alerts to users styled like the classic bootstrap alerts shown here (The one with the X dismiss button).

So far I've tried using a gridpane and its not too bad. but I'm not very happy with the results especially when I add more text.

<GridPane minHeight="40" maxHeight = "40">     <VBox fx:id="MessageVbox" alignment="BASELINE_LEFT" GridPane.columnIndex="0" GridPane.rowIndex="0">         <Label fx:id="Message" text="Alert Message" />         <padding>             <Insets bottom="5.0" left="10.0" right="10.0" top="10.0" />         </padding>     </VBox>     <Button fx:id="Dismiss" alignment="TOP_RIGHT" onAction="#handleDismiss" text="X" GridPane.columnIndex="1" GridPane.rowIndex="0" />      <columnConstraints>         <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0"             percentWidth="90.0" prefWidth="100.0" />         <ColumnConstraints halignment="RIGHT" hgrow="SOMETIMES"             minWidth="10.0" percentWidth="10.0" prefWidth="100.0" />     </columnConstraints> </GridPane> 
        
 
 

Lista de respuestas

0
 
vote
vote
La mejor respuesta
 

Yo usaría un li0 INTEGRADO NIÑOS EN UN li2 . Por supuesto, en su botón, querrá un gráfico en lugar de un personaje x.

  li3  

Bootstrap Style Box Box

 

I would use a TextFlow with an embedded Text child in an HBox. Of course, on your button, you would want a graphic rather than an X character.

<?xml version="1.0" encoding="UTF-8"?>  <?import javafx.geometry.Insets?> <?import javafx.scene.control.Button?> <?import javafx.scene.layout.AnchorPane?> <?import javafx.scene.layout.HBox?> <?import javafx.scene.layout.VBox?> <?import javafx.scene.text.Font?> <?import javafx.scene.text.Text?> <?import javafx.scene.text.TextFlow?>   <AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="120.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1">    <children>       <HBox prefHeight="400.0" prefWidth="600.0" style="-fx-border-color: red; -fx-background-color: pink; -fx-border-radius: 6;" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">          <children>             <TextFlow prefHeight="200.0" prefWidth="200.0" HBox.hgrow="ALWAYS">                <children>                   <Text strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-fill: red;" text="Alert messages will appear here...">                      <font>                         <Font name="Microsoft YaHei UI" size="14.0" />                      </font>                   </Text>                </children>                <padding>                   <Insets bottom="12.0" left="12.0" right="12.0" top="12.0" />                </padding>             </TextFlow>             <VBox>                <children>                   <Button mnemonicParsing="false" style="-fx-background-color: transparent;" text="X" />                </children>             </VBox>          </children>          <padding>             <Insets bottom="12.0" left="12.0" right="12.0" top="12.0" />          </padding>       </HBox>    </children> </AnchorPane> 

Bootstrap style alert box

 
 

Relacionados problema

0  ¿Cómo agrego artículos en pestañas en Javafx?  ( How do i add items into tabs on javafx ) 
¿Cómo agrego que digamos una etiqueta dentro de la primera pestaña de un TABPANE? Soy nuevo con Java FX, pero el swing es totalmente diferente. No estoy famil...

1  Error de construcción de Grises Javafx, java.util.zip.zipException: entrada duplicada: Meta-INF / License  ( Javafx gradle build error java util zip zipexception duplicate entry meta inf ) 
Estoy usando Gradécel para construir una aplicación Javafx. El problema que sigo entrando es un error "Entrada duplicada" para Meta-INF / License. Mi jarra ...

0  ¿Es posible envolver el panel de grupo en otro tipo de paneles en el constructor de escena?  ( Is it possible to wrap group panel in other kind of panels in scene builder ) 
Me pregunto si es posible envolverme en mi principal Group Panel en otro tipo de paneles?. En realidad, puedo hacerlo con código, pero quiero lidiar con él ...

1  Diferentes resultados de anclaje en el constructor de escena y la aplicación  ( Different anchor results in scene builder and application ) 
He generado el siguiente FXML en el constructor de escena. Cuando lo prevé una vista previa en el constructor de escenas y cambie el tamaño de la ventana, la ...

0  Solo se elimina de la TablaVIEVIA no observable  ( Only removes from tableview not observablelist ) 
Bien, recibí esta aplicación Javafx. Si tuviera ejercicios y puedo filtrarlos a través de grupos musculares, pero cuando su programa no se elimina tanto el ob...

1  Javafx: Agregue el campo de texto y las etiquetas a la escena  ( Javafx add textfield and labels to scene ) 
Estoy tratando de obtener dos pestañas, cada una con su pequeña forma que contiene etiquetas y campos de texto / textareas. Pensé que estoy haciendo una vámic...

0  Robot.mouseemove (1000,1000) Mueve el mouse a ubicaciones aleatorias en la pantalla ... ¿Por qué?  ( Robot mousemove1000 1000 moves mouse to random locations on screen why ) 
public class MoveCursor extends Application { public static void main(String[] args) { launch(args); } @Override public void start(St...

0  Handler de eventos para objetos del mismo panel  ( Event handler for objects of the same pane ) 
Estoy estudiando el mecanismo del manejador de eventos en Javafx, pero no estoy seguro de que lo entiendo, de hecho, tengo poca duda: Si tengo dos objetos, ti...

1  Añadiendo archivos NIO Copiar la barra de progreso  ( Adding nio files copy progress bar ) 
Me preguntaba si había una manera de actualizar una barra de progreso que usa los archivos de NIO Library.Copy, se está utilizando para descargar un archivo e...

1  ¿Cómo atar un valor al resultado de un cálculo?  ( How to bind a value to the result of a calculation ) 
Supongamos que tengo dos propiedades y quiero unir a un 3er para ser igual a un cálculo entre ellos. En este ejemplo, tengo una propiedad 99887776666 9988...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos