gradio_toggle
Komponen pengalih yang mewakili nilai boolean, memungkinkan pengguna untuk beralih antara status Benar dan Salah. Dapat berfungsi baik sebagai masukan, untuk menangkap interaksi pengguna, dan sebagai keluaran, untuk menampilkan keadaan boolean.
pip install gradio_toggle
import gradio as gr
from gradio_toggle import Toggle
def update ( input ):
output = input
return output
with gr . Blocks () as demo :
title = gr . HTML ( "gradio-toggle demo
" )
with gr . Row ():
with gr . Column ():
input = Toggle (
label = "Input" ,
value = False ,
info = "Input version of the component" ,
interactive = True ,
)
with gr . Column ():
output = Toggle (
label = "Output" ,
value = False ,
color = "green" ,
interactive = False ,
)
input . change ( fn = update , inputs = input , outputs = output )
if __name__ == "__main__" :
demo . launch ()
Toggle
nama | jenis | bawaan | keterangan |
---|---|---|---|
value | bool | Callable | False | Keadaan awal saklar. Jika dapat dipanggil, ini akan menetapkan status awal secara dinamis saat aplikasi dimuat. |
label | str | None | ||
label | str | Tidak ada | None | Label teks ditampilkan berdekatan dengan tombol alih. Jika Tidak Ada dan digunakan dalam `gr.Interface`, maka defaultnya adalah nama parameter. |
info | str | Tidak ada | None | Teks ditampilkan di bawah tombol untuk panduan atau informasi tambahan. |
color | str | Tidak ada | None | Pengaturan warna opsional untuk sakelar, mendukung nilai warna CSS (misalnya, nama, kode hex). |
radius | Harafiah["sm", "lg"] | "lg" | Ukuran radius batas yang digunakan untuk gaya sakelar. |
transition | mengambang | 0.3 | Waktu transisi (dalam detik) antara keadaan hidup dan mati. |
show_label | bodoh | Tidak ada | None | Jika Benar, label akan ditampilkan; jika tidak, itu disembunyikan. |
container | bodoh | True | Jika Benar, tombol alih ditempatkan dalam wadah bergaya untuk pengelompokan dan pengisian visual. |
scale | ke dalam | Tidak ada | None | Ukuran relatif sakelar dibandingkan dengan komponen yang berdekatan saat ditampilkan dalam satu baris atau blok. |
min_width | ke dalam | 160 | Lebar minimum dalam piksel yang akan ditempati tombol alih, pastikan tombol tersebut tidak menyusut di bawah ukuran ini. |
interactive | bodoh | Tidak ada | None | Jika Benar, sakelar dapat diajak berinteraksi; jika Salah, itu dinonaktifkan. Perilaku default terdeteksi secara otomatis berdasarkan penggunaan. |
visible | bodoh | True | Jika Salah, tombol alih tidak terlihat di antarmuka. |
elem_id | str | Tidak ada | None | Pengidentifikasi opsional untuk elemen HTML; berguna untuk penyesuaian CSS. |
elem_classes | daftar[str] | str | Tidak ada | None | Daftar opsional nama kelas untuk elemen HTML; berguna untuk penyesuaian CSS. |
every | mengapung | Tidak ada | None | Jika nilai dapat dipanggil, tentukan seberapa sering (dalam detik) untuk menyegarkan nilai saat antarmuka terbuka. |
render | bodoh | True | Jika Salah, komponen tidak segera dirender, berguna untuk rendering yang ditangguhkan atau pembaruan UI bersyarat. |
key | ke dalam | str | Tidak ada | None | Jika ditetapkan, akan digunakan untuk mengambil identitas saat rendering ulang. Komponen yang memiliki kunci yang sama saat dirender ulang akan mempertahankan nilainya. |
nama | keterangan |
---|---|
change | Dipicu ketika nilai tombol berubah karena masukan pengguna (misalnya pengguna mengetik di kotak teks) ATAU karena pembaruan fungsi (misalnya gambar menerima nilai dari keluaran pemicu peristiwa). Lihat .input() untuk pendengar yang hanya dipicu oleh masukan pengguna. |
input | Listener ini terpicu ketika pengguna mengubah nilai tombol alih. |
select | Pemroses acara ketika pengguna memilih atau membatalkan pilihan tombol. Menggunakan data peristiwa gradio.SelectData untuk membawa value yang mengacu pada label sakelar, dan selected untuk merujuk pada status sakelar. Lihat dokumentasi EventData tentang cara menggunakan data peristiwa ini |
Dampaknya terhadap fungsi prediksi pengguna bervariasi tergantung pada apakah komponen tersebut digunakan sebagai input atau output untuk suatu peristiwa (atau keduanya).
Cuplikan kode di bawah ini akurat jika komponen digunakan sebagai masukan dan keluaran.
def predict (
value : bool | None
) -> bool | None :
return value