Metin ve resim butonları

Butonlar GuiObjects olup kullanıcıların bir eylem gerçekleştirmesine olanak tanır. Kullanıcıların bir butona tıkladığında görsel görünümünü veya betik sesli geri bildirimini değiştirmek gibi bağlam ve geri bildirim sağlamak üzere butonları özelleştirebilirsiniz.

Ekranda veya deneyim içinde yerleştirebileceğiniz iki tür buton bulunmaktadır:

• TextButton, tıklama/şaplatma ile Activated olayını tetikleyen, metin içeren bir dikdörtgendir.

• ImageButton, tıklama/şaplatma ile Activated olayını tetikleyen bir görüntü içeren dikdörtgendir. Kullanıcı fareyle üzerine geldiğinde veya bastığında görüntüyü değiştirmek için ek durumlar içerir.

Ekranda buton yaratma

Ekrandaki butonlar, kullanıcıların çeşitli menülere veya sayfalara hızlıca yönlendirilmesi için faydalıdır.

Ekrana bir buton eklemek için:

1. Explorer penceresinde StarterGui'yı seçin ve bir ScreenGui ekleyin.

   1. StarterGui üzerine gelin ve ⊕ düğmesine tıklayın. Bir bağlamsal menü görünür.

   2. Bir ScreenGui ekleyin.

2. Yeni ScreenGui'yı seçin ve bir buton ekleyin.

   1. ScreenGui üzerine gelin ve ⊕ düğmesine tıklayın. Bir bağlamsal menü görünür.

   2. Bir TextButton veya ImageButton ekleyin.

   

Parça yüzeylerinde buton oluşturma

Bir parçanın yüzeyindeki butonlar, kullanıcıların parçalarla etkileşimde bulunmasına olanak tanıyan faydalı bir araçtır. Örneğin, kullanıcıların bir butona basarak bir eylemi tamamlamasını sağlayabilirsiniz.

Bir parçanın yüzeyine buton eklemek için:

1. Explorer penceresinde parçayı seçin ve bir SurfaceGui ekleyin.

   1. parça üzerine gelin ve ⊕ düğmesine tıklayın. Bir bağlamsal menü görünür.

   2. Bir SurfaceGui ekleyin.

2. Yeni SurfaceGui'yı seçin ve her türlü buton veya girdi ekleyin.

   1. SurfaceGui üzerine gelin ve ⊕ düğmesine tıklayın. Bir bağlamsal menü görünür.

   2. Bir TextButton veya ImageButton ekleyin.

   

   Butonu göremiyorsanız, SurfaceGui'nin Yüzey özelliğinde farklı bir yüzey seçmeyi deneyin.

Bir ImageButton'un görünümünü değiştirme

Kullanıcı bir ImageButton ile etkileşimde bulunduğunda görünümünü değiştirmek, faydalı görsel geri bildirim sağlar. Örneğin, bir ImageButton üzerine gelindiğinde görsel görünümünü değiştirdiğinde, bu, kullanıcının butonun devre dışı olmadığını ve tıkladığında ImageButton eylemini gerçekleştirebileceğini belirtir.

Bir ImageButton'un görsel görünümünü değiştirebileceğiniz üç özelliği vardır:

• Image - Kullanıcı ImageButton ile etkileşimde bulunmadığında görüntülenen görüntü.

• HoverImage - Kullanıcı, ImageButton üzerinde imleci hareket ettirdiğinde görüntülenen görüntü.

• PressedImage - Kullanıcı ImageButton'a tıkladığında görüntülenen görüntü.

Bir ImageButton'un görünümünü kullanıcı girişi ile değiştirmek için:

1. Bir ImageButton ekleyin ekranda veya yüzeyde.

2. Explorer penceresinde ImageButton nesnesine tıklayın.

3. Properties penceresinde Image, HoverImage ve PressedImage özellikleri için üç farklı varlık kimliği atayın.

Butonları betik ile kontrol etme

Kullanıcı bir butona bastığında bir eylemi betikleyebilirsiniz, bunu butonu GuiButton.Activated olayına bağlayarak yapabilirsiniz. Örneğin, aşağıdaki LocalScript'i bir butona bağladığınızda, kullanıcı her tıkladığında buton rastgele bir renge dönüşür.

local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
	-- butonun rengini rastgele değiştir
	button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)