Beyin Ekranına İkinci Bir Buton Ekleme - Python

Ekranın ortasındaki x değeri, ekran genişliğinin piksel cinsinden yarısına eşittir. Yani merkez noktasının x değeri 240'tır. Öğrenciler ekranın sola mı yoksa sağa mı basılacağı koşulunu programlamak için bu sayıya ihtiyaç duyacaklar. Bu yüzden hepsinin doğru değere sahip olduğundan emin olun.

İleriye baktığımızda, Rethink bölümündeki Kullanıcı Arayüzü Mücadelesi, öğrencilerin öğrendiklerini ekranda dört düğme oluşturmak için uygulamalarını gerektirecek. Bunun için hem x hem de y değerlerine ihtiyaçları olacak.

Daha fazla yardım için, ek yardım makaleleri içinVEX Kütüphanesibakın.

Öğrenciler test sırasında Clawbot'un arkasından kullanıldığında Kullanıcı Arayüzünün ters yönde çalıştığını fark etmelidirler. Kullanıcının bakış açısından, Clawbot kullanıcının bastığı taraftan uzaklaşır. Bu, en iyi Kullanıcı Deneyimi değildir.

Öğrenciler bu değişiklikleri mühendislik defterlerine kaydederken planlamalı, test etmeli ve projeyi geliştirmelidir. Bireysel mühendislik not defteri değerlendirme ölçütleri için aşağıdaki bağlantılardan birine tıklayın (Google Doc / .docx / .pdf) veya takım not defterleri için aşağıdaki bağlantılardan birine tıklayın (Google Doc / .docx / .pdf). Öğrenciler çalışmaya başlamadan önce puanlamayı onlara açıklamayı unutmayın.

Yukarıda ortaya konulan problemi çözmenin iki olası yolu vardır. Birinci yol, talimatta yazılı olandır: SolVeyaSağ projesini gözden geçir ve kullanıcı Clawbot'un arkasından düğmelere bastığında, kullanıcının ekranın sol tarafına bastığında robotun sağa dönmesini sağlayacak şekilde revize et. Aksi takdirde Pençebot sola döner.

# Proje kodunu başlat
while True:
    if brain.screen.pressing():
        if brain.screen.x_position() < 240:
            drivetrain.turn(RIGHT)
            while brain.screen.pressing():
                wait(5, MSEC)
        else:
            drivetrain.turn(LEFT)
            while brain.screen.pressing():
                wait(5, MSEC)
    else:
        drivetrain.drive(FORWARD)
    wait(5, MSEC)

Diğer çözüm ise Operatör talimatını değiştirerek x değeri 240'tan büyük olduğunda Clawbot'un sola dönmesini sağlamaktır. 

# Proje kodunu başlat
while True:
    if brain.screen.pressing():
        if brain.screen.x_position() < 240:
            drivetrain.turn(LEFT)
            while brain.screen.pressing():
                wait(5, MSEC)
        else:
            drivetrain.turn(RIGHT)
            while brain.screen.pressing():
                wait(5, MSEC)
    else:
        drivetrain.drive(FORWARD)
    wait(5, MSEC)

x değeri 240'tan küçük olduğunda koşullu ifadeyi programladığınızda (ekranın sol tarafı) koordinat düzleminden koordinatları kullanmanız gerekiyordu. Beyin ekranının görsel butonlar çizmesi için koordinatları da kullanmanız gerekir.
V5 Robot Beyin ekranının koordinatlarının gösterildiği 2. Adıma geri dönün.

S:Ekranın sağ kenarındaki x değeri nedir?
C:x değeri sol kenarda 0'dan sağ kenarda 480'e kadar artar.

S:Dolayısıyla x değerinin aralığı 480'dir (0 ila 480). Y değerinin aralığı nedir?
C:Y değerinin aralığı 240'tır (0 ila 240).

S:Bu koordinat düzleminin orijini (0, 0) nerededir?
C:Orijin sol üst taraftadır.

S:Y değeri 0'a eşit olduğunda ekranın en üstündesiniz. Bu neden alışılmadık?
A:Genellikle y değeri yukarı doğru hareket ettikçe artar, ancak V5 ekranında y değeri aşağı doğru hareket ettikçe artar. Ama bunu, ekranın sol üst köşesindeki orijinden (0, 0) uzaklaştıkça y değerinin artması olarak düşünebilirsiniz.

Yeniden Düşünme bölümünün Kullanıcı Arayüzü Mücadelesi'nde öğrencilerden, Pençe Robotu'nun pençesini ve kolunu kontrol etmek için ekranda dört düğme oluşturan bir proje geliştirmeleri istenecek. Bu meydan okuma için, onlardan ekranda gösterilen dört butona da sahip olmaları isteniyor. Önceki sayfadaki gibi, bu Öğrenmenizi Genişletin, öğrencilerin bu zorluğa hazırlanmasına yardımcı olacaktır çünkü zorluğun programlanabilecek dört düğmesi varken, bunda sadece iki düğme var.

Öğrencilerin, proje çalıştığında ekranda iki görünür düğme çizilmesi için programa bir olay eklemelerini sağlayın. Öğrencilere, Etkinlikler hakkında bilgi edinmek için VEXcode V5'teki Yardım özelliğini, özellikle dedikdörtgen çizkomutunun bilgilerini kullanmalarını önerin. Öğrencilere,dikdörtgen çiz komutu kullanıldığında, beynin ekranının piksel sayısına göre bir koordinat sistemine nasıl düzenlendiğini incelemeleri talimatını verin. Bu komut içerisinde parametreleri ayarlayabilmek için bunu anlamaları gerekecektir. Ayrıca etkinliklerin nasıl yayınlanacağını da anlamaları gerekecek. Bu durumda olay, düğme çizmektir.

Öğrenciler, projedeki bu değişiklikleri mühendislik defterlerine kaydederken planlamalı, test etmeli ve iyileştirmelidir. Bireysel mühendislik not defteri değerlendirme ölçütleri için aşağıdaki bağlantılardan birine tıklayın (Google Doc / .docx / .pdf) veya takım not defterleri için aşağıdaki bağlantılardan birine tıklayın (Google Doc / .docx / .pdf).

İşte bir örnek çözüm:

# Proje kodunu başlat
screen_buttons = Event()

def has_screen_buttons():
    brain.screen.set_fill_color(Color.GREEN)
    brain.screen.draw_rectangle(0, 0, 240, 120)
    brain.screen.set_fill_color(Color.MORPLE)
    brain.screen.draw_rectangle(240, 0, 480, 120)
    brain.screen.set_fill_color(Color.PORTAKAL)
    brain.screen.draw_rectangle(0, 120, 240, 240)
    brain.screen.set_fill_color(Color.CAMGÖBEĞİ)
    brain.screen.draw_rectangle(240, 120, 480, 240)
    wait(1, SANİYE)

screen_buttons(has_screen_buttons)

while True:
    screen_buttons.broadcast()

    if brain.screen.pressing():

        if brain.screen.x_position() < 240:

            if brain.screen.y_position() < 120:
                claw_motor.spin(İLERİ)
                while brain.screen.pressing():
                    wait(5, MSEC)

            else:
                claw_motor.spin(GERİ)
                while brain.screen.pressing():
                    wait(5, MSEC)

        else:
            if brain.screen.y_position() < 120:
                arm_motor.spin(İLERİ)
                while brain.screen.pressing():
                    wait(5, MSEC) 
            
            else:
                arm_motor.spin(GERİ)
                while brain.screen.pressing():
                    wait(5, MSEC) 

       claw_motor.stop()
       arm_motor.stop()
       
    wait(5, MSEC)

Mesleki açıdan daha gerçekçi bir deneyim için, öğrencilerin iki renk seçimleri konusunda sınıf arkadaşlarından geri bildirim istemelerini sağlayın.

Seçilen renkler arayüzü kullanma isteği uyandırıyor mu, yoksa kullanıcılar olarak hangi renkleri tercih ederler?

Harika bir Kullanıcı Arayüzü geliştirmenin bir parçası, Kullanıcı Deneyimi hakkında, hatta estetik tercihler hakkında veri toplamaktır.