صفحه اصلی بدون اعمال پلی لیست

2026-05-28 14:54:11 +03:30
parent fa5f8ab267
commit dc60e5954f
12 changed files with 393 additions and 7 deletions
@@ -1,8 +1,76 @@
 <?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.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>

-    <!-- TODO: Add your code here! -->
+<?import javafx.scene.image.ImageView?>
+<?import javafx.scene.image.Image?>
+<VBox fx:id="root" spacing="10" xmlns="http://javafx.com/javafx/17.0.12" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sbu.javafx.MusicController">
+   <padding>
+      <Insets bottom="10" left="10" right="10" top="10" />
+   </padding>

+   <!-- دکمه تغییر تم -->
+   <HBox alignment="CENTER_LEFT" spacing="10">
+      <Button fx:id="themeToggleBtn" text=" Dark" onAction="#toggleTheme"
+              style="-fx-background-color: #555; -fx-text-fill: white; -fx-background-radius: 10px; -fx-padding: 5 10;" />
+      <Region HBox.hgrow="ALWAYS" /> <!-- این فضا رو پر میکنه تا دکمه سمت چپ بمونه -->
+   </HBox>
+
+   <!--آهنگ های موجود -->
+   <ListView fx:id="musicsListView" prefHeight="400" />
+
+   <!-- آهنگ های پلی لیست-->
+   <ListView fx:id="playlistListView" prefHeight="400" />
+
+   <!-- باکس آهنگ در حال پخش -->
+   <VBox alignment="CENTER" spacing="10">
+
+      <!-- اسم آهنگ در حال پخش -->
+      <Label fx:id="nowPlayingLabel" style="-fx-font-weight: bold; -fx-font-size: 14px;" text="No song playing" />
+
+      <!-- دکمه‌های جلو عقب -->
+      <HBox alignment="CENTER" spacing="20">
+
+         <Button fx:id="prevButton"
+                 styleClass="circle-button">
+
+            <graphic>
+               <ImageView fitWidth="35" fitHeight="35">
+                  <Image url="/image/rewind.png" />
+               </ImageView>
+            </graphic>
+         </Button>
+
+
+         <Button fx:id="playPauseBtn"
+                 onAction="#playPause"
+                 styleClass="circle-button">
+
+            <graphic>
+               <ImageView fitWidth="35" fitHeight="35">
+                  <Image url="/image/pause.png" />
+               </ImageView>
+            </graphic>
+         </Button>
+
+
+         <Button fx:id="nextButton"
+                 styleClass="circle-button">
+
+            <graphic>
+               <ImageView fitWidth="35" fitHeight="35">
+                  <Image url="/image/forward.png" />
+               </ImageView>
+            </graphic>
+         </Button>
+
+         <Button fx:id="openPlaylistBtn"
+                 text="Playlist"
+                 style="-fx-background-radius: 15px;" />
+
+      </HBox>
+
+   </VBox>
 </VBox>