Adding command to code behinad

Dani_S 2,886

Hi,

I have main page and i want to add i used code behaind dor all the menu.

I want to add EulaCommand , how is done ?

Please provide code, i'm using net 8, vs 17.8.4

           `<Label Text="EULA" HorizontalOptions="Start" VerticalOptions="Center" Margin="2,0,0,2" FontSize="14"  TextDecorations="Underline" TextColor="#3398d2"`

ToolTipProperties.Text="Read our terms of use.">

<Label.GestureRecognizers>

<TapGestureRecognizer Command="{Binding EulaCommand}"/>

</Label.GestureRecognizers>

</Label>

Dani_S 2,886 Reputation points

2024-05-01T13:43:21.6033333+00:00

i used Tapped event instead.

Lloyd Sheen 1,391

Here is an example that I kept when trying Commands for the first time.

First is the XAML please notice that I am using a Button but the code is the same as a Guesture.

<Grid RowDefinitions=",50,"

  ColumnDefinitions="*,100,*,100,*">

<Button Text="Multiply by 2"

        Grid.Row="1" Grid.Column="1"

        Command="{Binding MultiplyBy2Command}" />

<Label Text="{Binding Number}"

       Grid.Row="1" Grid.Column="2" HorizontalOptions="Center">

    

</Label>

<Button Text="Divide by 2"

        Grid.Row="1" Grid.Column="3"

        Command="{Binding DivideBy2Command}" />

</Grid>

Next is the C# code.

public class theViewModel : INotifyPropertyChanged

{

 double number = 1;

 public event PropertyChangedEventHandler PropertyChanged;

 public ICommand MultiplyBy2Command { get; private set; }

 public ICommand DivideBy2Command { get; private set; }

 public theViewModel()

 {

     MultiplyBy2Command = new Command(() => Number *= 2);

     DivideBy2Command = new Command(() => Number /= 2);

 }

 public double Number

 {

     get

     {

         return number;

     }

     set

     {

         if (number != value)

         {

             number = value;

             PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Number"));

         }

     }

 }

}

Dani_S 2,886 Reputation points

2024-05-01T16:03:47.6533333+00:00

I want label not button.
Lloyd Sheen 1,391 Reputation points

2024-05-01T16:20:56.2466667+00:00

The type of control makes no difference. What you need to bind to is an instance of ICommand. The example shows how to do this. In your ViewModel you will have a property named EulaCommand and in the init of the ViewModel you will set EulaCommand to a new Command that performs what you want on the Tap of the Lable.
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,946 Reputation points Microsoft Vendor

2024-05-06T07:21:35.3833333+00:00

Lloyd Sheen is right, and I make an answer to summarize the solution and add some details and docs, please view the answer. If you have any other issues, please feel free to post in here.

Accepted answer

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,946 Reputation points Microsoft Vendor

2024-05-06T07:17:42.8366667+00:00
Hello,

Please refer to the following code:

XMAL

<Label...> <Label.GestureRecognizers> <TapGestureRecognizer Command="{Binding MultiplyBy2Command}"></TapGestureRecognizer> </Label.GestureRecognizers> </Label>

Setting BindingContext for testing

public MainPage() { InitializeComponent(); this.BindingContext = new CommandDemoViewModel(); }

About the ViewModel , please see Lloyd Sheen's comment. And you also could find this CommandDemoViewModel in the official doc of Button. (Please define properties of type ICommand in your ViewModel)

For more details, please refer to

Commanding - .NET MAUI | Microsoft Learn

Button - .NET MAUI | Microsoft Learn

Recognize a tap gesture - .NET MAUI | Microsoft Learn

Data binding and MVVM - .NET MAUI | Microsoft Learn

Best Regards,

Wenyan Zhang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Please sign in to rate this answer.

1 person found this answer helpful.

0 comments No comments
Sign in to comment

Share via

Adding command to code behinad

0 additional answers