fininsh
This commit is contained in:
@@ -1,8 +1,66 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
|
||||
<?import javafx.scene.layout.VBox?>
|
||||
<VBox xmlns="http://javafx.com/fxml" alignment="CENTER" spacing="10">
|
||||
<?import javafx.geometry.Insets?>
|
||||
|
||||
|
||||
<?import javafx.scene.layout.HBox?>
|
||||
<?import javafx.scene.control.Label?>
|
||||
<?import javafx.scene.control.Button?>
|
||||
<?import javafx.scene.control.Separator?>
|
||||
<VBox xmlns:fx="http://javafx.com/fxml" alignment="CENTER" spacing="30" fx:controller="sbu.javafx.MusicController">
|
||||
<padding><Insets top="30" right="30" left="30" bottom="20"/></padding>
|
||||
|
||||
<HBox alignment="CENTER" spacing="10" >
|
||||
<Label fx:id="titleLabel" text = "Music Player" styleClass="title"/>
|
||||
<Button fx:id="mode" text="Switch to dark mode" styleClass="mode" onAction="#chagemode" />
|
||||
</HBox>
|
||||
|
||||
<HBox spacing="10" alignment="CENTER" styleClass="fisrtrow">
|
||||
<Label text="Song title" prefWidth="100" styleClass="Songtitle"/>
|
||||
<Label text="Artist name" prefWidth="100" styleClass="Artistname"/>
|
||||
<Label text="Duration" prefWidth="100" styleClass="Dur"/>
|
||||
<Label text="Add to play list" prefWidth="150" styleClass="ADDtp"/>
|
||||
<Label text="PLay" prefWidth="70" styleClass="play"/>
|
||||
</HBox>
|
||||
|
||||
<Separator/>
|
||||
|
||||
<HBox spacing="10" alignment="CENTER">
|
||||
<Label text="Ey iran" prefWidth="100"/>
|
||||
<Label text="Banan" prefWidth="100"/>
|
||||
<Label text="2:59" prefWidth="100"/>
|
||||
<Button fx:id="addPl1" text="ADD Music 1" prefWidth="100" styleClass="but" onAction="#addToPlaylist" />
|
||||
<Button fx:id="play1" text="Play" prefWidth="100" onAction="#playsong1" styleClass="but"/>
|
||||
</HBox>
|
||||
|
||||
<Separator/>
|
||||
|
||||
<HBox spacing="10" alignment="CENTER">
|
||||
<Label text="Mahe Man" prefWidth="100"/>
|
||||
<Label text="Ehsan Yasin" prefWidth="100"/>
|
||||
<Label text="3:36" prefWidth="100"/>
|
||||
<Button fx:id="addPl2" text="ADD Music 2" prefWidth="100" styleClass="but" onAction="#addToPlaylist" />
|
||||
<Button fx:id="play2" text="Play" prefWidth="100" onAction="#playsong2" styleClass="but"/>
|
||||
</HBox>
|
||||
|
||||
<Separator/>
|
||||
|
||||
<HBox spacing="10" alignment="CENTER">
|
||||
<Label text="Interstellar" prefWidth="100" />
|
||||
<Label text="Kwoon" prefWidth="100"/>
|
||||
<Label text="4:13" prefWidth="100"/>
|
||||
<Button fx:id="addPl3" text="ADD Music 3" prefWidth="100" styleClass="but" onAction="#addToPlaylist"/>
|
||||
<Button fx:id="play3" text="Play" prefWidth="100" onAction="#playsong3" styleClass="but"/>
|
||||
</HBox>
|
||||
|
||||
|
||||
<HBox>
|
||||
<Label fx:id="nowPlaying" text="Now playing:" prefWidth="200"/>
|
||||
<Label text="" prefWidth="200"/>
|
||||
<Button text="Open playlist" prefWidth="200" styleClass="but" onAction="#openPlaylistWindow"/>
|
||||
</HBox>
|
||||
|
||||
|
||||
<!-- TODO: Add your code here! -->
|
||||
|
||||
</VBox>
|
||||
|
||||
@@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
|
||||
|
||||
<?import javafx.scene.layout.VBox?>
|
||||
<?import javafx.scene.control.Label?>
|
||||
<?import javafx.geometry.Insets?>
|
||||
<?import javafx.scene.control.Separator?>
|
||||
<VBox xmlns:fx="http://javafx.com/fxml" alignment="CENTER" spacing="30" fx:controller="sbu.javafx.PlaylistController">
|
||||
<padding><Insets top="30" right="30" left="30" bottom="20"/></padding>
|
||||
|
||||
<VBox spacing="5">
|
||||
<Label text="My play list" styleClass="title"/>
|
||||
<Separator/>
|
||||
<Label fx:id="PL1" />
|
||||
<Label fx:id="PL2" />
|
||||
<Label fx:id="PL3" />
|
||||
</VBox>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</VBox>
|
||||
@@ -0,0 +1,66 @@
|
||||
.root{
|
||||
-fx-background-color: #121212;
|
||||
-fx-font-family: "DejaVu Sans", "Segoe UI", sans-serif;
|
||||
|
||||
}
|
||||
|
||||
.title {
|
||||
-fx-font-size: 28px;
|
||||
-fx-font-weight: bold;
|
||||
-fx-text-fill: #FFFFFF;
|
||||
}
|
||||
|
||||
.fisrtrow {
|
||||
-fx-border-color: #444444;
|
||||
-fx-border-width: 1 1 1 1;
|
||||
-fx-padding: 10;
|
||||
-fx-background-color: #1E1E1E;
|
||||
}
|
||||
|
||||
.mode{
|
||||
-fx-background-color: #333333; /* رنگ جدید دکمه */
|
||||
-fx-text-fill: #FFFFFF;
|
||||
-fx-font-size: 12px;
|
||||
-fx-font-weight: bold;
|
||||
-fx-padding: 8 16;
|
||||
-fx-background-radius: 6;
|
||||
-fx-cursor: hand;
|
||||
}
|
||||
|
||||
.Songtitle{
|
||||
-fx-font-weight: bold;
|
||||
-fx-text-fill: #FFFFFF;
|
||||
}
|
||||
|
||||
.Artistname{
|
||||
-fx-font-weight: bold;
|
||||
-fx-text-fill: #FFFFFF;
|
||||
}
|
||||
|
||||
.Dur{
|
||||
-fx-font-weight: bold;
|
||||
-fx-text-fill: #FFFFFF;
|
||||
}
|
||||
|
||||
.ADDtp{
|
||||
-fx-font-weight: bold;
|
||||
-fx-text-fill: #FFFFFF;
|
||||
}
|
||||
|
||||
.play{
|
||||
-fx-font-weight: bold;
|
||||
-fx-text-fill: #FFFFFF;
|
||||
}
|
||||
|
||||
.but {
|
||||
-fx-background-color: linear-gradient(to bottom, #4A4A4A, #2C2C2C);
|
||||
-fx-text-fill: #FFFFFF;
|
||||
-fx-font-weight: bold;
|
||||
-fx-background-radius: 10;
|
||||
-fx-border-radius: 10;
|
||||
-fx-padding: 2 4;
|
||||
-fx-cursor: hand;
|
||||
}
|
||||
.but:pressed {
|
||||
-fx-background-color: #1A1A1A;
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
.root{
|
||||
-fx-background-color: #F0FFFF;
|
||||
-fx-font-family: "DejaVu Sans", "Segoe UI", sans-serif;
|
||||
}
|
||||
|
||||
.title {
|
||||
-fx-font-size: 28px;
|
||||
-fx-font-weight: bold;
|
||||
-fx-text-fill: #0000FF ;
|
||||
}
|
||||
|
||||
|
||||
.fisrtrow {
|
||||
-fx-border-color: #4a90e2;
|
||||
-fx-border-width: 1 1 1 1;
|
||||
-fx-padding: 10;
|
||||
-fx-background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
|
||||
.mode{
|
||||
-fx-background-color: #4CAF50;
|
||||
-fx-text-fill: white;
|
||||
-fx-font-size: 12px;
|
||||
-fx-font-weight: bold;
|
||||
-fx-padding: 8 16;
|
||||
-fx-background-radius: 6;
|
||||
-fx-cursor: hand;
|
||||
}
|
||||
|
||||
|
||||
.Songtitle{
|
||||
-fx-font-weight: bold;
|
||||
-fx-text-fill: #0000FF ;
|
||||
}
|
||||
|
||||
.Artistname{
|
||||
-fx-font-weight: bold;
|
||||
-fx-text-fill: #0000FF ;
|
||||
}
|
||||
|
||||
.Dur{
|
||||
-fx-font-weight: bold;
|
||||
-fx-text-fill: #0000FF ;
|
||||
}
|
||||
|
||||
.ADDtp{
|
||||
-fx-font-weight: bold;
|
||||
-fx-text-fill: #0000FF ;
|
||||
}
|
||||
|
||||
.play{
|
||||
-fx-font-weight: bold;
|
||||
-fx-text-fill: #0000FF ;
|
||||
}
|
||||
|
||||
.but {
|
||||
-fx-background-color: linear-gradient(to bottom, #4caf50, #2e7d32);
|
||||
-fx-text-fill: white;
|
||||
-fx-font-weight: bold;
|
||||
-fx-background-radius: 10;
|
||||
-fx-border-radius: 10;
|
||||
-fx-padding: 2 4;
|
||||
-fx-cursor: hand;
|
||||
|
||||
}
|
||||
.but:pressed {
|
||||
-fx-background-color: #1b5e20;
|
||||
}
|
||||
Reference in New Issue
Block a user