Индикатор прогресса не обновляет Xamarin Forms MVVM - PullRequest
Новая
       4

Индикатор прогресса не обновляет Xamarin Forms MVVM

0 голосов
/ 12 апреля 2020

Я знаю, что об этом уже спрашивали, но я потратил целую вечность, и ничего не помогло.

Я пытаюсь обновить индикатор выполнения из ViewModel, но он не будет обновляться.

Recipe.xaml 

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             x:Class="FitnessScript.Views.Recipes">
    <ContentPage.Content>
        <StackLayout>
            <Label Text="Please Enter Ingredients and Requirements!" 
                HorizontalOptions="Center"
                VerticalOptions="Start" HorizontalTextAlignment="Center" TextType="Text" 
                Margin="0,20,0,0"
                FontSize="25"/>
            <Label Text="Enter Ingredients" Margin="5"/>
            <Entry x:Name="Ingredients"
                   Text="{Binding Ingredients}"
                   Placeholder="Ingredients"
                   PlaceholderColor="LightGray" />

            <Label Text="Enter Calories" Margin="5"/>
            <Entry x:Name="Calories"
                   Text="{Binding Calories}"
                   Placeholder="Calories"
                   PlaceholderColor="LightGray" />

            <Button x:Name="RecipeSearchBtn"
                    Text="Find Recipes"
                    Command="{Binding RequestRecipeCommand}" />
            <ProgressBar x:Name="ProgressB"
                         Progress="{Binding ProgressValue}"
                         ProgressColor="Purple"
                         IsVisible="True"/>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

Recipes.xmal.cs 

namespace FitnessScript.Views
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class Recipes : ContentPage
    {
        RecipeSearchViewModel recipeSearchViewModel;
        public Recipes()
        {
            recipeSearchViewModel = new RecipeSearchViewModel();
            InitializeComponent();
            BindingContext = recipeSearchViewModel;
        }
    }
}

RecipeSearchViewModel 

namespace FitnessScript.ViewModels
{
    public class RecipeSearchViewModel : BaseViewModel
    {
        private static readonly IRecipeService _recipeService = new RecipeService();
        private readonly BackgroundWorker worker;

        #region Getters/Setters 
        string _ingredients;
        public string Ingredients
        {
            get { return _ingredients; }
            set
            {
                _ingredients = value;
                OnPropertyChanged("Ingredients");
            }
        }

        int _calories;
        public int Calories
        {
            get { return _calories; }
            set
            {
                _calories = value;
                OnPropertyChanged("Calories");
            }
        }
        float _progressValue;
        public float ProgressValue
        {
            get { return _progressValue; }
            set
            {
                _progressValue = value;
                OnPropertyChanged("ProgressValue");
            }
        }

        #endregion

        public RecipeSearchViewModel()
        {
            this.worker = new BackgroundWorker();
        }

        public Command RequestRecipeCommand
        {
            get
            {
                return new Command(async () => await RequestRecipe());
            }
        }

        private async Task RequestRecipe()
        {
            await Task.Run(() =>
            {
                Device.BeginInvokeOnMainThread(() =>
                { ProgressValue = 1; }
                );
            });
            List<string> ingredientsList = await _recipeService.GetRecipe(Ingredients, Calories);
            App.Current.MainPage.DisplayAlert("Success", $"{Ingredients}, {Calories}", "Close");
        }
    }
}

Я устал от множества различных альтернатив, таких как установка для ProgressValue значения Double и десятичный, форсирующий поток пользовательского интерфейса, с добавлением и без добавления параметра в OnPropertyChange (). Я тоже пробовал фоновую работу, просто ничего грустного. Я отлаживаю с помощью S10 + через USB, так как предпочитаю эмуляцию.

Общая цель состоит в том, чтобы нажать RecipeSearchBtn, выполнить логи c и обновить индикатор выполнения вместе с ним, однако для целей отладки я просто хочу изменить прогресс до 100%, когда команда кнопки выполняется

Любая помощь будет оценена, спасибо

1 Ответ

0 голосов
/ 13 апреля 2020

Также я пробовал Индикатор активности, однако подобные проблемы он никогда не обнаруживал при отладке, хотя мой телефон при установке значения видимости ect на true через привязку IsBool

Об привязке ActivityIndicator isvisible, I сделайте один пример, который вы можете посмотреть:

Пожалуйста, посмотрите следующий код, сначала отобразится ActivityIndicator, нажмите кнопку для загрузки данных, установите ActivityIndicator isVisible и IsRunning как false. 

  <StackLayout>
        <Button
            x:Name="btn1"
            Command="{Binding command1}"
            Text="load data" />

        <ActivityIndicator
            HeightRequest="50"
            IsRunning="{Binding isvisible}"
            IsVisible="{Binding isvisible}"
            WidthRequest="50"
            Color="Red" />
        <ListView ItemsSource="{Binding students}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <StackLayout Orientation="Horizontal">
                            <Label Text="{Binding name}" />
                            <Label Text="{Binding age}" />
                        </StackLayout>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>


    </StackLayout>

 public partial class Page2 : ContentPage
{
    public Page2()
    {
        InitializeComponent();
        this.BindingContext = new studentviewmodel();
    }
}

public class studentviewmodel:ViewModelBase
{
    public ObservableCollection<studentmodel> students { get; set; }
    public Command command1 { get; set; }
    private bool _isvisible;
    public bool isvisible
    {
        get { return _isvisible; }
        set
        {
            _isvisible = value;
            RaisePropertyChanged("isvisible");
        }
    }
    public studentviewmodel()
    {

        command1 = new Command(loaddata);
        isvisible = true;
        students = new ObservableCollection<studentmodel>();

    }

    private async void loaddata()
    {
        //call service to do other something.
        await Task.Delay(5000);

        students.Add(new studentmodel() { name = "cherry", age = 29 });
        students.Add(new studentmodel() { name = "barry", age = 30 });
        students.Add(new studentmodel() { name = "annine", age = 15 });  

        isvisible = false;

    }
}
public class studentmodel
{
    public string name { get; set; }
    public int age { get; set; }
}

ViewModelBase - это класс, реализующий INotifyPropertyChanged, для уведомления об изменении данных. 

public class ViewModelBase : INotifyPropertyChanged
{

    public event PropertyChangedEventHandler PropertyChanged;

    public void RaisePropertyChanged(string propertyName)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

Снимок экрана:

enter image description here

...