Condividi tramite

Hello, watchOS - Procedura dettagliata

Dopo aver creato una soluzione seguendo i passaggi descritti in Installazione e installazione, si avranno 3 progetti:

  • App padre iOS usata per l'installazione o altre attività amministrative sul dispositivo. Con altri tipi di estensioni iOS, questa operazione viene spesso definita app "Contenitore". Con Le app watch, sarà possibile che gli utenti inizino a eseguire l'app Watch senza mai eseguire l'app padre;
  • Estensione espressioni di controllo che contiene il codice del programma per l'app watch; E
  • L'app Espressioni di controllo, che contiene le risorse dello storyboard e dell'immagine di cui viene eseguito il rendering sull'orologio.

Verificare che i riferimenti siano corretti: che l'app padre abbia un riferimento all'app Espressioni di controllo e che l'app espressioni di controllo abbia un riferimento all'estensione.

Verificare che gli identificatori bundle seguano la convenzione *.watchkitextension *.watchkitapp e che il file Info.plist dell'estensione abbia il valore WKApp Bundle ID impostato sull'identificatore bundle dell'app watch.

Dovresti essere in grado di eseguire l'app Watch ora, ma poiché il file storyboard all'interno dell'app Watch è vuoto, non sarai in grado di dire.

Fare doppio clic su Interface.storyboard nell'app Espressioni di controllo per avviare la finestra di progettazione di Xamarin iOS . Se si usa un Mac, è anche possibile fare clic con il pulsante destro del mouse e aprire con > Xcode Interface Builder.

  1. Verificare che i riquadri casella degli strumenti e proprietà siano visibili,

  2. Fare clic per selezionare il controller di interfaccia,

  3. Impostare l'identificatore e il titolo del controller di interfaccia su interfaceController e Hi Watch,

  4. Verificare che la classe sia impostata su InterfaceController

    Set the Identifier and Title of the Interface Controller to interfaceController and Hi Watch

Creare l'interfaccia utente:

  1. Dal riquadro casella degli strumenti,
  2. Trascinare e rilasciare un pulsante e un'etichetta nella scena e
  3. Impostare il testo e gli attributi dei controlli come illustrato:

  1. Impostare il nome nel riquadro Proprietà per ogni controllo. In questo esempio sono stati usati myButton e myLabel.

  2. Selezionare il pulsante nello storyboard e passare all'elenco Eventi del riquadro Proprietà, quindi

  3. Creare una nuova azione digitando OnButtonPress e premendo INVIO. L'azione verrà visualizzata nell'elenco e un metodo parziale verrà creato automaticamente in C#.

The OnButtonPress Action added to a button

Dopo aver salvato lo storyboard, il InterfaceController.designer.cs viene aggiornato con i nomi e le azioni dei controlli. Se si apre questo file dopo l'aggiornamento, è possibile vedere come RegisterAttribute corrisponde al controller e come i controlli dell'interfaccia utente corrispondono alle variabili di istanza C# contrassegnate con e come Le azioni eseguono il OutletAttribute mapping a metodi parziali contrassegnati con :ActionAttribute

// WARNING
//
// This file has been generated automatically by Visual Studio for Mac from the outlets and
// actions declared in your storyboard file.
// Manual changes to this file will not be maintained.
//
[Register ("InterfaceController")]
partial class InterfaceController
{
    [Outlet]
    [GeneratedCode ("iOS Designer", "1.0")]
    WatchKit.WKInterfaceButton myButton { get; set; }

    [Outlet]
    [GeneratedCode ("iOS Designer", "1.0")]
    WatchKit.WKInterfaceLabel myLabel { get; set; }

    [Action ("OnButtonPress:")]
    [GeneratedCode ("iOS Designer", "1.0")]
    partial void OnButtonPress (WatchKit.WKInterfaceButton sender);

    void ReleaseDesignerOutlets ()
    {
        if (myButton != null) {
            myButton.Dispose ();
            myButton = null;
        }
        if (myLabel != null) {
            myLabel.Dispose ();
            myLabel = null;
        }
    }
}

Aprire ora InterfaceController.cs (non InterfaceController.designer.cs) e aggiungere il codice seguente:

int clickCount = 0;
partial void OnButtonPress (WatchKit.WKInterfaceButton sender)
{
  var msg = String.Format("Clicked {0} times", ++clickCount);
  myLabel.SetText(msg);
}

Questo codice deve essere abbastanza trasparente: la variabile clickCount di istanza viene incrementata ogni volta che viene chiamata la funzione OnButtonPress . Il testo di myLabel viene modificato in modo da riflettere questo conteggio; myLabel, naturalmente, è il nome di uno degli outlet creati in XCode. La partial funzione è l'implementazione della funzione associata al nome dell'azione specificata.

Se non è già il progetto di avvio,

  1. Fare clic con il pulsante destro del mouse sul progetto Watch Extension e scegliere Imposta come progetto di avvio,

  2. Impostare Destinazione distribuzione su un'immagine del simulatore compatibile con Watch Kit (ad esempio i Telefono 6 iOS 8.2),

  3. Premere il pulsante Debug per attivare l'avvio di una compilazione e un simulatore.

    The Visual Studio interface elements

Quando viene avviato il simulatore, premere il pulsante per incrementare l'etichetta. Congratulazioni, hai un'app watch!

The app running in the Simulator

  • Last updated on