Rumah Keuangan Pribadi Menggunakan Tata Letak Jangkar di JavaFX - dummies

Menggunakan Tata Letak Jangkar di JavaFX - dummies

Video: JavaFX Scene Builder Tutorial - Make GUI Responsive 2024

Video: JavaFX Scene Builder Tutorial - Make GUI Responsive 2024
Anonim

Anchor pane di JavaFX mirip dengan panel perbatasan karena memungkinkan Anda menempatkan nodus relatif ke salah satu tepi panel. Namun, berikut adalah beberapa perbedaan utama: Di panel perbatasan, area tata letak terbagi menjadi lima bidang yang berbeda: atas, kanan, bawah, kiri, dan tengah. Panel jangkar tidak membagi tata letak menjadi area yang berbeda. Sebagai gantinya, setiap simpul dalam tata letak dapat diikat - atau

  • berlabuh - ke satu atau lebih dari empat tepi area tata letak. Ketika sebuah simpul berlabuh ke tepi, panel jangkar akan menempatkan simpul sedekat mungkin ke tepi itu setelah membiarkan nodus lainnya.

    Sebuah simpul dapat berlabuh ke lebih dari satu sisi. Sebagai contoh, sebuah node dapat berlabuh ke tepi atas dan kanan, yang akan menempatkan simpul di sudut kanan atas tata letak.
  • Jika sebuah simpul berlabuh ke tepi yang berlawanan (atas dan bawah atau kiri dan kanan), simpul akan ditarik ke arah kedua tepi tata letak. Hal ini menyebabkan simpul diregangkan seiring dengan bertambahnya tata letak.

  • Lebih dari satu simpul dapat dilabuhkan ke masing - masing tepi. Dalam hal ini, node akan tumpang tindih seperti pada panel stack.
  • Tabel berikut menunjukkan konstruktor dan metode kelas AnchorPane, yang Anda gunakan untuk membuat panel jangkar.

Konstruktor

Deskripsi AnchorPane ()
Membuat panel jangkar kosong. AnchorPane (Node … children)
Membuat jangkar dengan simpul anak yang ditentukan. Metode
Deskripsi ObservableList
getChildren ()

Mengembalikan koleksi semua simpul anak yang telah ditambahkan

ke panel jangkar. Koleksi dikembalikan sebagai tipe ObservableList, yang mencakup metode

add and addAll,

yang memungkinkan Anda menambahkan satu atau lebih simpul ke dalam daftar.

static void setTopAnchor (Node node, Double

value)

Jangkar simpul yang ditentukan ke tepi atas.

Nilai menunjukkan offset dari tepi.

static void setRightAnchor (Node node, Double

value)

Jangkar simpul yang ditentukan ke tepi kanan.

Nilai menunjukkan offset dari tepi.

static void setBottomAnchor (Node node,

Nilai ganda)

Jangkar simpul yang ditentukan ke tepi bawah.

Nilai menunjukkan offset dari tepi.

static void setLeftAnchor (Node node, Double

value)

Jangkar simpul yang ditentukan ke tepi kiri.

Nilai menunjukkan offset dari tepi.

void setMinHeight (nilai ganda)

Mengatur tinggi minimum panel jangkar. void setMaxHeight (nilai ganda)
Menetapkan tinggi maksimum panel jangkar. void setPrefHeight (nilai ganda)
Menetapkan tinggi panel jangkar yang diinginkan. void setMinWidth (nilai ganda)
Menetapkan lebar minimum panel jangkar. void setMaxWidth (nilai ganda)
Menetapkan lebar maksimum panel jangkar. void setPrefWidth (nilai ganda)
Mengatur lebar panel jangkar pilihan. void setPadding (Nilai inset)
Mengatur padding di sekeliling tepi tumpukan tumpukan .

Untuk membuat panel jangkar, hubungi konstruktor AnchorPane dan lewati simpul yang ingin Anda tambahkan. Sebagai contoh:

Rectangle r1 = new Rectangle (400, 200); r1. setFill (warna LIGHTGRAY); Rectangle r2 = Rectangle baru (200, 400); r2. setFill (Warna. DARKGRAY); AnchorPane anchor = AnchorPane baru (r1, r2);

Di sini, sepasang persegi panjang, satu 400 × 200, 200 × 400 lainnya, dibuat. Yang satu berwarna abu-abu terang, abu-abu gelap lainnya. Kemudian, sebuah anchor pane dibuat dan dua persegi panjang ditambahkan.

Anda kemudian menggunakan metode setTopAnchor, setRightAnchor, setBottomAnchor, dan setLeftAnchor untuk menjangkarkan simpul ke tepi jangkar. Masing-masing metode ini menerima dua parameter: simpul yang Anda inginkan untuk jangkar dan nilai offset yang memungkinkan Anda menjangkarkan simpul dari jarak tertentu dari tepi.

Misalnya, jangkar persegi panjang r1 ke tepi atas dan kiri dan riga persegi ke ujung atas dan kanan, gunakan garis-garis ini:

jangkar. setTopAnchor (r1, 0. 0); jangkar. setLeftAnchor (r1, 0. 0); jangkar. setTopAnchor (r2, 0. 0); jangkar. setRightAnchor (r2, 0. 0);
Berikut ini menunjukkan bagaimana panel jangkar ini akan muncul saat ditampilkan dalam sebuah adegan.

Dua persegi panjang yang ditampilkan di sebuah jangkar.

Jendela di bagian atas Gambar 1 menunjukkan bagaimana panel ini muncul saat awalnya ditampilkan. Di sini, Anda dapat melihat bagaimana persegi panjang abu-abu terang berlabuh ke sudut kiri atas tata letak, dan persegi panjang abu-abu gelap berlabuh ke pojok kanan atas.

Jangkar berukuran awalnya berukuran sedemikian rupa sehingga isinya pas. Akibatnya, persegi panjang abu-abu gelap tumpang tindih dengan kotak abu-abu terang. Jendela di bagian bawah gambar menunjukkan bagaimana tata letak muncul saat pengguna membentangkan jendela, membiarkan panel tata letak jangkar tumbuh. Saat panel jangkar semakin lebar, persegi panjang abu-abu terang tetap diletakkan di sudut kiri atas tata letak, sementara persegi panjang abu-abu gelap mengikuti pojok kanan atas panel. Dengan demikian, segi empat terpisah.

Menggunakan Tata Letak Jangkar di JavaFX - dummies

Pilihan Editor

Bagaimana membuat halaman depan situs Anda - dummies

Bagaimana membuat halaman depan situs Anda - dummies

Untuk sebagian besar, ketika Anda kunjungi blog yang didukung oleh WordPress, blog ada di halaman utama. Blog pribadi ini, didukung oleh WordPress (tentu saja), menampilkan posting blog terbaru di halaman depan. Pengaturan ini khas dari situs yang dijalankan oleh WordPress. Tapi halaman depan situs bisnis ini, webdevstudios. com, ...

Bagaimana Menemukan Pengencer untuk Konten WordPress Anda - dummies

Bagaimana Menemukan Pengencer untuk Konten WordPress Anda - dummies

Influencer dapat menjadi cara yang berguna untuk promosikan konten WordPress anda Setelah Anda menyusun daftar situs yang ingin Anda targetkan, Anda dapat mulai memecah daftar dan menentukan siapa influencer di niche Anda, termasuk influencer yang tersembunyi. Penyerang tersembunyi adalah orang-orang yang memiliki jejak sosial yang besar yang tidak harus ...

Cara Mengaktifkan WordPress. com Theme - dummies

Cara Mengaktifkan WordPress. com Theme - dummies

Pilih tema untuk WordPress Anda. com blog, lalu aktifkan. WordPress. Tema com (juga disebut design atau template) yang Anda pilih mempengaruhi tata letak visual dan tampilan blog Anda.

Pilihan Editor

Bagaimana Membuat Penunjukan dengan Outlook. com - dummies

Bagaimana Membuat Penunjukan dengan Outlook. com - dummies

Perlu membuat janji temu di Outlook. com? Jika Anda adalah pejuang jalan berat, Anda mungkin menyimpan kalender Anda di smartphone untuk referensi Anda sendiri, tapi untuk orang lain, janji dan rapat tersebut sangat mungkin terjadi pada Kalender Outlook. Janji dan rapat yang Anda poskan di Outlook terkait dengan Outlook. com, jadi dari apapun ...

Pilihan Editor

Desain Media Sosial: Cara Menggunakan Alat Wandel Magic Photoshop - dummies

Desain Media Sosial: Cara Menggunakan Alat Wandel Magic Photoshop - dummies

The Magic Wand Alat bisa menjadi alat yang baik untuk memanipulasi foto agar bisa digunakan di situs media sosial Anda. Alat Magic Wand di Photoshop telah menjadi subyek banyak cemoohan dari para profesional pengedit foto, yang menganggapnya sebagai jenis hal yang disalahgunakan oleh orang-orang baru yang menghasilkan pilihan bergerigi bergerigi yang membuat ...

Desain Media Sosial: Opsi Gambar Twitter - dummies

Desain Media Sosial: Opsi Gambar Twitter - dummies

Tantangan terbesar dengan desain Twitter adalah mencari tahu bagaimana caranya. menyulap batasan ruang dan cara terbaik untuk memposisikan tiga gambar terpisah yang diizinkan Anda gunakan di profil Twitter Anda.

Social Media Optimization: Menampilkan Tweet secara Otomatis ke Profil Facebook Anda - dummies

Social Media Optimization: Menampilkan Tweet secara Otomatis ke Profil Facebook Anda - dummies

Datang dengan Hal baru untuk dikirim ke Facebook bisa menjadi tugas yang cukup. Untungnya, ada trik Anda bisa mengoptimalkan situs media sosial ini. Jika Anda dapat memanfaatkan cross-posting konten antar layanan, Anda dapat menghemat waktu. Twitter memberi Anda kemampuan untuk menghubungkan profil Anda dengan layanan lainnya. Ada, ...