So blättern Sie durch Bilder auf Knopfdruck


Dexter Eden

Also habe ich peinlich viel Zeit damit verbracht und komme, um Sie zu bitten, meinen Verstand zu retten. Ich baue eine App, um Bewertungen an meinen blinden und sehbehinderten Schülern durchzuführen. In diesem speziellen Abschnitt testen wir ihr Farbsehen (ja, die meisten Menschen, die als „blind“ gelten, haben noch etwas verbleibendes Sehvermögen). Ich möchte in der Lage sein, auf den Bildschirm (Schaltfläche) zu tippen und durch die 6 Farben zu blättern, die ich auswerte. Ich habe versucht, eine ForEach-Anweisung zu verwenden, aber der nächste Erfolg, den ich bekommen habe, lässt mich mit einem Bildschirm zurück, der halb rot und halb gelb ist. Die Farben sind alle als Bilder in meinen Assets gespeichert. Ich habe auch versucht, es so zu machen, dass ein Rechteck mit einem Rahmen von unendlicher Breite und Höhe die Farbe beim Tippen ändert, aber das war noch weniger erfolgreich. Ich weiß, das ist wahrscheinlich super einfach, aber wie Sie jetzt sehen können ... bin ich kein Veteran darin.

import SwiftUI

struct colorChange: View {

@State private var images: [UUID] = []

    var body: some View {
        VStack {
            ForEach(1...6, id: \.self) { image in
                Image("yellow"); Image("green"); Image("blue"); Image("purple"); Image("orange"); Image("red")
            }
            Button(action: {
                self.images.append(UUID())
            }, label: {
                Text("").frame(maxWidth: .infinity, maxHeight: .infinity)
            })
        }
    }
}

struct colorChange_Previews: PreviewProvider {
    static var previews: some View {
        colorChange()
    }
}
workingdog unterstützt die Ukraine

Sie könnten so etwas versuchen, indem Sie die Bildnamen in Ihren Assets und 2 Schaltflächen verwenden, um durch die Bilder zu blättern:

struct ColorChange: View {
    @State private var images: [String] = ["yellow", "green", "blue", "purple", "orange", "red"]
    @State private var imgNdx = 0
    
    var body: some View {
        VStack {
            Image(images[imgNdx])
                .frame(width: 333, height: 333) // adjust the size as desired
            
            HStack {
                Button("Next", action: {
                    if imgNdx < images.count-1 {
                        imgNdx += 1
                    }
                })
                
                Button("Previous", action: {
                    if imgNdx >= 1 {
                        imgNdx -= 1
                    }
                })
            }
        }.buttonStyle(.bordered)
    }
}

oder wenn Sie auf die Bilder tippen möchten

struct ColorChange: View {
    @State private var images: [String] = ["yellow", "green", "blue", "purple", "orange", "red"]
    @State private var imgNdx = 0
    
    var body: some View {
        Button(action: {
            if imgNdx < images.count-1 {
                imgNdx += 1
            }
        }, label: {
            Image(images[imgNdx]).frame(width: 333, height: 333) // adjust the size as desired
        })
    }
}

Verwandte Artikel


So rufen Sie eine PHP-Funktion auf Knopfdruck auf

Rasierer Ich habe eine Seite namens erstellt functioncalling.php, die zwei Schaltflächen enthält: Senden und Einfügen . Ich möchte testen, welche Funktion ausgeführt wird, wenn auf eine Schaltfläche geklickt wird. Ich möchte, dass die Ausgabe auf derselben Sei

So öffnen Sie eine HTML-Tabelle in XLS auf Knopfdruck

300 Ich versuche, HTML-Tabelle in XLS auf Knopfdruck zu öffnen. Ich habe bereits eine Möglichkeit (mit Javascript), die HTML-Tabelle in XLS über "Speichern unter" zu exportieren. Hier muss ich die resultierende XLS-Datei speichern und dann kann ich sie öffnen.

So aktualisieren Sie das Etikett von UITextField auf Knopfdruck

M.Soto114 Ich weiß also, dass dies eine einfache Sache sein könnte, aber ich beginne mit Swift für MacOS und Swift Development. Ich möchte eine einfache App erstellen, die nach einem Namen fragt und dann "Hallo, Name" sagt. In der MacOS-Entwicklung können Sie

So passen Sie mit vba zwei Sätze von Zellen auf zwei Blättern an

TheRunner83 Ich versuche, eine ID-Zelle aus Blatt 1 mit und eine ID-Zelle in Blatt 2 abzugleichen. Wenn diese übereinstimmen, muss ich eine Produktzelle aus Blatt 1 mit einer Produktzelle in Blatt 2 abgleichen. Die ID-Zelle in Blatt 1 enthält ein Vielfaches de

So zeigen Sie verschiedene Bilder in uimageview auf Knopfdruck an

Derek N. Ich habe eine iOS-App mit einer Schaltfläche, Segmentsteuerung und einer Bildansicht entwickelt. Im Assets-Ordner befinden sich 26 Bilder mit den Namen card1 bis card26. Wenn ich den folgenden Code verwende, werden alle 26 Bilder in zufälliger Reihenf

So erstellen Sie mehrere Animationen auf Knopfdruck

Chiong Wilson Ich brauche euch, um mit meinem Programm zu helfen. Ich schaffe es, es zu programmieren, wenn ich eine Taste drücke und ihre Bewegungen. Wenn ich jedoch die Tastatur "1" drücke, teleportiert sich mein Roboter zu meinem ersten Standort, nachdem er

So ändern Sie den Preis auf Knopfdruck im Flattern

Mohammed Nabil SZENARIO Ich habe ein Dummy-Bild, unter Bild gibt es Preis und unter Preis gibt es drei Widget Zwei Widget sind Schaltflächen (+) und (-) und ein Widget ist Text ('1'), was eine MENGE ist. FRAGE Wenn ich auf die Schaltfläche klicke, wird die Anz

So starten Sie Facebook Lite mit einem "Intent" auf Knopfdruck

ZsA Phantom Wenn ich die normale Facebook-App öffnen möchte, kann ich "fb: //" als Zeichenfolge uri wie folgt verwenden: startActivity(Intent(Intent.ACTION_VIEW, Uri.parse("fb://") Jetzt möchte ich wissen, mit welcher URL ich Facebook Lite gezielt starten kan

So schlagen Sie eine bestimmte Zeile in extjs auf Knopfdruck

David Ich habe ein Gitter mit Reihe. Ich möchte einen Schlag auf einen bestimmten Knopf geben. Hier ist mein Code. { xtype: 'button', text: 'Exclude', handler : function(){ debugger; var cohartgrid = Ext.getCmp('abc'); var cohartstore = cohartgri

Blättern Sie beim Scrollen durch Bilder in verschiedenen Größen

kylie2675647 Ich versuche, beim Scrollen durch Bilder zu wechseln (und ich verstehe, dass die jquery vielleicht etwas unordentlich ist, aber es scheint zu funktionieren), aber ich möchte: um Bilder unterschiedlicher Höhe und Breite haben zu können, nicht alle

So aktualisieren Sie setState richtig auf Knopfdruck in ReactJS

Herr Tams Ich möchte den Status beim Klicken auf eine Schaltfläche in React ändern. Im Wesentlichen versuche ich, den Wert des in meinem div angezeigten Namens zu aktualisieren, indem ich this.state.name gleich dem setze, was in das Textfeld eingegeben wird. W

So blättern Sie durch eine Reihe von Bildern

Kevvv Ich versuche, eine Snapchat-Story-ähnliche Funktion zu haben, bei der eine Reihe von Bildern für einen festgelegten Zeitraum von Sekunden angezeigt wird und dann zur vorherigen Navigation zurückkehrt. Etwas wie das Folgende: if (props.length > 0) {

So verstecken Sie ein Div auf einem Knopfdruck mit Jquery

Vinod Ich verwende die jquery-Validierung, um das Anmeldeformular zu validieren. Alles funktioniert. Aber es gibt eine Nachricht in span unter dem Eingabetyp password mit der ID password_msg . Diese Nachricht wird vor dem Absenden des Formulars angezeigt. Jetz

So laden Sie mehr Elemente aus einer Kartenfunktion auf Knopfdruck

devAR Ich habe diesen jsx-Ausdruck, der mithilfe der Kartenfunktion maximal 5 Elemente aus einem Array rendert. Wie kann ich es so machen, dass der Rest der Elemente beim Klicken auf die Schaltfläche gerendert wird? Die Liste der Elemente im Array ist unbekann