202012G09/target/classes/fxml/MainView.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import javafx.geometry.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.image.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ListView?>
<?import javafx.scene.control.TextArea?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>

<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="399.0"
            prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1"
            fx:controller="com.chat.Controller.MainController">
    <left>
        <!--左侧区域-->
        <VBox prefHeight="351.0" prefWidth="200.0" BorderPane.alignment="CENTER">
            <children>
                <HBox prefHeight="6.0" prefWidth="200.0" style="-fx-background-color: #d6d2d2;">
                    <children>
                        <!--服务器在线人数-->
                        <Label fx:id="labUserCounter"  textAlignment="CENTER">
                            <font>
                                <Font name="Britannic Bold" size="13.0"/>
                            </font>
                            <HBox.margin>
                                <Insets left="7.0" top="7.0"/>
                            </HBox.margin>
                        </Label>
                    </children>
                </HBox>
                <!--用户列表-->
                <ListView fx:id="userGroup" prefHeight="290.0" prefWidth="200.0"/>
            </children>
            <BorderPane.margin>
                <Insets right="5.0"/>
            </BorderPane.margin>
        </VBox>
    </left>
    <top>
        <!--头框-->
        <HBox prefHeight="50.0" prefWidth="200.0" spacing="4.0" style="-fx-background-color: black;"
              BorderPane.alignment="CENTER">
            <children>
                <!--头像-->
                <ImageView fitHeight="40.0" fitWidth="40.0" pickOnBounds="true" preserveRatio="true">
                    <image>
                        <Image url="/image/head.png"/>
                    </image>
                    <HBox.margin>
                        <Insets left="10.0" top="5.0"/>
                    </HBox.margin>
                </ImageView>
                <Label fx:id="labUserName" contentDisplay="CENTER" graphicTextGap="0.0" rotate="-2.0" text="Label"
                       textFill="WHITE" textOverrun="WORD_ELLIPSIS">
                    <padding>
                        <Insets left="30.0"/>
                    </padding>
                    <opaqueInsets>
                        <Insets/>
                    </opaqueInsets>
                    <font>
                        <Font name="Segoe UI Semibold Italic" size="20.0"/>
                    </font>
                    <HBox.margin>
                        <Insets top="10.0"/>
                    </HBox.margin>
                </Label>
                <Label fx:id="labChatTip" text="Group Chat" textFill="WHITE">
                    <padding>
                        <Insets left="150.0" top="10.0"/>
                    </padding>
                    <font>
                        <Font name="Georgia Bold" size="18.0"/>
                    </font>
                </Label>
            </children>
        </HBox>
    </top>
    <center>
        <BorderPane prefHeight="300.0" prefWidth="200.0" BorderPane.alignment="CENTER">
            <center>
                <!--聊天框-->
                <ListView fx:id="chatWindow" prefHeight="300.0" prefWidth="200.0" BorderPane.alignment="CENTER" >
                    <BorderPane.margin>
                        <Insets bottom="5.0" right="2.0"/>
                    </BorderPane.margin>
                </ListView>
            </center>
            <bottom>
                <VBox prefHeight="100.0" prefWidth="200.0" BorderPane.alignment="CENTER">
                    <children>
                        <!--发送框-->
                        <TextArea fx:id="textSend" prefHeight="82.0" prefWidth="393.0"/>
                        <HBox prefHeight="50.0" prefWidth="200.0" spacing="20.0">
                            <children>
                                <!--表情包emoji的按钮-->
                                <Button fx:id="btnEmoji" mnemonicParsing="false" onAction="#onEmojiBtnClcked"
                                        style="-fx-background-color: orange;" text="emoji">
                                    <HBox.margin>
                                        <Insets left="250.0"/>
                                    </HBox.margin>
                                </Button>
                                <!--发送按钮-->
                                <Button fx:id="btnSend" mnemonicParsing="false" style="-fx-background-color: orange;"
                                        text="send"/>
                            </children>
                        </HBox>
                    </children>
                    <opaqueInsets>
                        <Insets right="2.0"/>
                    </opaqueInsets>
                    <BorderPane.margin>
                        <Insets right="2.0"/>
                    </BorderPane.margin>
                </VBox>
            </bottom>
        </BorderPane>
    </center>
</BorderPane>