So erstellen Sie Click-Ereignis auf Etikett in Xamarin-Formulare dynamisch

Question

Ich arbeite an Cross-Plattform-Xamarin-Anwendung und ich möchte Hyperlink-Label für "Passwort vergessen?" auf der Anmeldeseite. Ich habe folgenden Code verwendet, um ein Label zu erstellen, aber ich weiß nicht, wie man ein onclick-Ereignis darauf erstellt.

MainPage = new ContentPage 
      { 
       BackgroundImage = "background.png", 
       Content = new StackLayout 
       { 
        VerticalOptions = LayoutOptions.CenterAndExpand, 
        HorizontalOptions = LayoutOptions.CenterAndExpand, 
        Spacing = 50, 
        Children = { 

         new Label { 
          HorizontalTextAlignment = TextAlignment.Center, 
          Text = "Welcome, Please Sign in!", 
          FontSize=50, 
          TextColor=Color.Gray, 
         }, 


         new Entry 
         { 
          Placeholder="Username", 
          VerticalOptions = LayoutOptions.Center, 
          Keyboard = Keyboard.Text, 
          HorizontalOptions = LayoutOptions.Center, 
          WidthRequest = 350, 
          HeightRequest = 50, 
          FontSize=20, 
          TextColor=Color.Gray, 
          PlaceholderColor=Color.Gray, 
         }, 

          new Entry 
         { 
          Placeholder="Password", 
          VerticalOptions = LayoutOptions.Center, 

          Keyboard = Keyboard.Text, 
          HorizontalOptions = LayoutOptions.Center, 
          WidthRequest = 350, 
          HeightRequest = 50, 
          FontSize=25, 
          TextColor=Color.Gray, 
          IsPassword=true, 
           PlaceholderColor =Color.Gray, 
         }, 
         new Button 
         { 
          Text="Login", 
          FontSize=Device.GetNamedSize(NamedSize.Large,typeof(Button)), 
          HorizontalOptions=LayoutOptions.Center, 
          VerticalOptions=LayoutOptions.Fill, 
          WidthRequest=350, 
          TextColor=Color.Silver, 
          BackgroundColor=Color.Red, 
          BorderColor=Color.Red, 
         }, 
         new Label //for this label I want to create click event to open new page 
         { 
          Text="Forgot Password?", 
          FontSize=20, 
          TextColor=Color.Blue, 
          HorizontalOptions=LayoutOptions.Center, 

         }, 
        } 
     } 
      }; 

Answer 1

Try this:

 var forgetPasswordLabel = new Label // Your Forget Password Label 
     { 
      Text = "Forgot Password?", 
      FontSize = 20, 
      TextColor = Color.Blue, 
      HorizontalOptions = LayoutOptions.Center, 
     }; 


     // Your label tap event 
     var forgetPassword_tap = new TapGestureRecognizer(); 
     forgetPassword_tap.Tapped += (s,e) => 
     { 
      // 
      // Do your work here. 
      // 
     }; 
     forgetPasswordLabel.GestureRecognizers.Add(forgetPassword_tap); 

Probe:

 var forgetPasswordLabel = new Label // Your Forget Password Label 
     { 
      Text = "Forgot Password?", 
      FontSize = 20, 
      TextColor = Color.Blue, 
      HorizontalOptions = LayoutOptions.Center, 
     }; 

     MainPage = new ContentPage 
     { 
      BackgroundImage = "background.png", 
      Content = new StackLayout 
      { 
       VerticalOptions = LayoutOptions.CenterAndExpand, 
       HorizontalOptions = LayoutOptions.CenterAndExpand, 
       Spacing = 50, 
       Children = { 

        new Label { 
         //HorizontalTextAlignment = TextAlignment.Center, 
         Text = "Welcome, Please Sign in!", 
         FontSize=50, 
         TextColor=Color.Gray, 
        }, 


        new Entry 
        { 
         Placeholder="Username", 
         VerticalOptions = LayoutOptions.Center, 
         Keyboard = Keyboard.Text, 
         HorizontalOptions = LayoutOptions.Center, 
         WidthRequest = 350, 
         HeightRequest = 50, 
         FontSize=20, 
         TextColor=Color.Gray, 
         PlaceholderColor=Color.Gray, 
        }, 

        new Entry 
        { 
         Placeholder="Password", 
         VerticalOptions = LayoutOptions.Center, 

         Keyboard = Keyboard.Text, 
         HorizontalOptions = LayoutOptions.Center, 
         WidthRequest = 350, 
         HeightRequest = 50, 
         FontSize=25, 
         TextColor=Color.Gray, 
         IsPassword=true, 
         PlaceholderColor =Color.Gray, 
        }, 
        new Button 
        { 
         Text="Login", 
         FontSize=Device.GetNamedSize(NamedSize.Large,typeof(Button)), 
         HorizontalOptions=LayoutOptions.Center, 
         VerticalOptions=LayoutOptions.Fill, 
         WidthRequest=350, 
         TextColor=Color.Silver, 
         BackgroundColor=Color.Red, 
         BorderColor=Color.Red, 
        }, 
        forgetPasswordLabel 
       } 
      } 
     }; 

     var forgetPassword_tap = new TapGestureRecognizer(); 
     forgetPassword_tap.Tapped += (s,e) => 
     { 
      // 
      // Do your work here. 
      // 
     }; 
     forgetPasswordLabel.GestureRecognizers.Add(forgetPassword_tap); 

Answer 2

MyClickyLabel.GestureRecognizers.Add(
    new TapGestureRecognizer() { 
     Command = new Command(() => { 
      /* Handle the click here */ 
     }) 
    } 
); 

Answer 3

Für Menschen, die XAML verwenden möchten und die gerne Befehl binden direkt an die Ansichtsmodell, können Sie dies:

<Label HorizontalOptions="Center" 
     TextColor="Blue" 
     FontSize="20" 
     Text="Forgot Password?"> 
    <Label.GestureRecognizers> 
     <TapGestureRecognizer Command="{Binding ForgotPasswordCommand}" /> 
    </Label.GestureRecognizers> 
</Label>