Xamarin表单活动指示器即使在绑定为true时也不会单击按钮显示
问题描述 投票：0回答：1
我有一个活动指示器，并且外观或类似的东西都没有问题，我只是无法使其显示在单击按钮上。
[在检查购物车中的物品时，我需要扔一个冗长的过程。
方法结构：
Button Clicked => Api Calls
=> await IsinStock()
=> Fetch Products
=> await SingleCheck() || await VariableCheck()
=> No Errors => AddOrder || Errors Display Error
我的指示器被设置为API调用前处于活动状态和检查完成后结束，并且返回以添加或显示错误。
但是它只是不显示。
<?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"
xmlns:o="clr-namespace:Octane.Xamarin.Forms.VideoPlayer;assembly=Octane.Xamarin.Forms.VideoPlayer"
xmlns:local="clr-namespace:Ecombeta"
xmlns:ffimageloading="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"
x:Class="Ecombeta.Views.Cart">
<ContentPage.Content>
<AbsoluteLayout>
<Grid
RowSpacing="0"
AbsoluteLayout.LayoutFlags="All"
AbsoluteLayout.LayoutBounds="0,0,1,1">
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<!--My Beautiful Ui Mark up here-->
</Grid>
<!--Loading Indicator-->
<AbsoluteLayout IsVisible="{Binding running}" AbsoluteLayout.LayoutFlags="All"
AbsoluteLayout.LayoutBounds="0,0,1,1">
<BoxView
BackgroundColor="#80000000"
AbsoluteLayout.LayoutFlags="All"
AbsoluteLayout.LayoutBounds="0,0,1,1" />
<StackLayout
AbsoluteLayout.LayoutFlags="PositionProportional"
AbsoluteLayout.LayoutBounds="0.5,0.5,-1,-1">
<Frame Padding="20,15"
CornerRadius="7"
VerticalOptions="CenterAndExpand"
HorizontalOptions="CenterAndExpand"
BackgroundColor="Black"
HasShadow="false">
<StackLayout VerticalOptions="Center"
HorizontalOptions="Center">
<ActivityIndicator
IsRunning="{Binding running}"
HorizontalOptions="Center"
VerticalOptions="Center"
Color="White" />
<Label Text="{Binding LoadingIndicatorMessage}"
x:Name="lblLoadingText"
HorizontalOptions="Center"
VerticalOptions="Center"
TextColor="White" />
</StackLayout>
</Frame>
</StackLayout>
</AbsoluteLayout>
<StackLayout Padding="5" AbsoluteLayout.LayoutBounds="0,0,1,1"
AbsoluteLayout.LayoutFlags="All" BackgroundColor="White">
<ListView x:Name="cartView"
HasUnevenRows="True"
SeparatorColor="Black"
VerticalOptions="FillAndExpand"
HorizontalOptions="FillAndExpand"
SeparatorVisibility="Default"
IsPullToRefreshEnabled="True"
ItemSelected="EvetClicked">
<ListView.Resources>
<ResourceDictionary>
<local:BgConverter x:Key="BgConverter" />
</ResourceDictionary>
</ListView.Resources>
<ListView.Header>
<Label Text="Shopping List" HorizontalOptions="Center" VerticalOptions="Center"
HorizontalTextAlignment="Center" Margin="0,0,0,15" TextColor="Black"
FontAttributes="Bold" FontSize="Title" />
</ListView.Header>
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<ViewCell.View>
<StackLayout Orientation="Vertical">
<Label TextColor="Black" x:Name="something" HorizontalOptions="CenterAndExpand"
Text="{Binding ProductName}" FontSize="Subtitle" />
<ffimageloading:CachedImage
HeightRequest="150"
WidthRequest="150"
HorizontalOptions="CenterAndExpand"
VerticalOptions="CenterAndExpand"
DownsampleToViewSize="true"
Source="{Binding ImgSource}" />
<Label IsVisible="{Binding _virtual}" HorizontalTextAlignment="Center"
TextColor="Black">
<Label.FormattedText>
<FormattedString>
<Span Text="{Binding CartAtribKey }" FontAttributes="Bold" />
<Span Text="{Binding CartAtribValue , StringFormat=' {0}' }"
FontSize="Small" />
</FormattedString>
</Label.FormattedText>
</Label>
<Label IsVisible="{Binding _virtual}" HorizontalTextAlignment="Center"
TextColor="Black">
<Label.FormattedText>
<FormattedString>
<Span Text="{Binding CartAtribKey1 }" FontAttributes="Bold" />
<Span Text="{ Binding CartAtribValue1, StringFormat=' {0}'}"
FontSize="Small" />
</FormattedString>
</Label.FormattedText>
</Label>
<!--<Label HorizontalOptions="EndAndExpand" VerticalOptions="StartAndExpand" Text="{Binding PId, StringFormat='SKU {0:F0}'}" FontSize="Medium"></Label> -->
<Label FontSize="Large" VerticalOptions="CenterAndExpand" TextColor="Black"
HorizontalOptions="CenterAndExpand"
Text="{Binding TotalDynamicPrice, StringFormat='Total R:{0,5:#,0.00}' }"
FontAttributes="Bold" />
<Label HorizontalOptions="CenterAndExpand" TextColor="Black"
FontAttributes="Bold"
Text="{Binding Source={x:Reference stepper}, Path=Value, StringFormat='Quantity {0:F0}'}"
FontSize="Medium" />
<StackLayout Orientation="Horizontal">
<ImageButton HorizontalOptions="Center" VerticalOptions="Center"
HeightRequest="30" WidthRequest="30"
Source="https://mm-app.co.za/wp-content/uploads/2020/01/icons8-remove-64.png"
BindingContext="{Binding PId}" Clicked="Removevalue_Clicked" />
<Stepper x:Name="stepper" Maximum="{Binding StockQuantity}"
Value="{Binding ProductQuantity}"
Minimum="{Binding MinQ}"
ClassId="{Binding PId}"
TabIndex="{Binding VariationId}"
HorizontalOptions="CenterAndExpand"
VerticalOptions="CenterAndExpand"
Increment="{Binding IncrementQ}"
ValueChanged="stepper_ValueChanged" />
</StackLayout>
</StackLayout>
</ViewCell.View>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
<StackLayout Padding="0" Orientation="Horizontal" BackgroundColor="White">
<Button Margin="2" TextColor="white" BorderColor="#0088d3" BackgroundColor="#0088d3"
CornerRadius="10" Padding="10" VerticalOptions="CenterAndExpand"
HorizontalOptions="CenterAndExpand" Text="Buy Now!" Clicked="ImageButton_Clicked" />
</StackLayout>
</StackLayout>
</AbsoluteLayout>
</ContentPage.Content>
</ContentPage>
private async void ImageButton_Clicked(object sender, EventArgs e)
{
running = true;
try
{
//You cant checkout if your not logged in There are no Guest Checkouts(I can But would rather not)
if (Users.LoggedIn && _spamClick == false)
{
if (_orderlineitems == null)
_orderlineitems = new List<OrderLineItem>();
RestAPI rest = new RestAPI("http://xxxx/wp-json/wc/v2/","xxxxxxxxx","cs_xxxxxxxxxxx");
var wc = new WCObject(rest);
await IsInStock();
}
running = false;
}
(...)
}
public partial class Cart : ContentPage, INotifyPropertyChanged
private bool _running;
public bool running
{
get => _running;
set
{
if (_running == value)
return;
_running = value;
RaisePropertyChanged();
}
}
任何想法？
1个回答
0
投票
投票
根据您的描述，我记得您几天前发布了一个类似的问题，但是您删除了这个问题。
[您说您想在单击按钮时显示ActivityIndicator，我测试您的代码，发现有两个StackLayouts，一个包含ActivityIndicator，另一个包含ListView，建议您可以交换两个stacklayout的位置，如下所示：
<AbsoluteLayout>
<StackLayout
Padding="5"
AbsoluteLayout.LayoutBounds="0,0,1,1"
AbsoluteLayout.LayoutFlags="All"
BackgroundColor="White">
<ListView
x:Name="cartView"
HasUnevenRows="True"
HorizontalOptions="FillAndExpand"
IsPullToRefreshEnabled="True"
ItemsSource="{Binding products}"
SeparatorColor="Black"
SeparatorVisibility="Default"
VerticalOptions="FillAndExpand">
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<StackLayout Orientation="Vertical">
<Label
x:Name="something"
HorizontalOptions="CenterAndExpand"
Text="{Binding ProductName}"
TextColor="Black" />
<Image
HeightRequest="150"
HorizontalOptions="CenterAndExpand"
Source="{Binding ImgSource}"
VerticalOptions="CenterAndExpand"
WidthRequest="150" />
</StackLayout>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
<Button
x:Name="getproduct"
Clicked="Getproduct_Clicked"
Text="load product" />
</StackLayout>
<StackLayout
x:Name="LoadingOverlay"
AbsoluteLayout.LayoutBounds="0,0,1,1"
AbsoluteLayout.LayoutFlags="All"
BackgroundColor="White"
HorizontalOptions="FillAndExpand"
IsVisible="{Binding loading}"
Opacity="0.5"
VerticalOptions="FillAndExpand">
<ActivityIndicator
x:Name="TaskLoader"
HorizontalOptions="CenterAndExpand"
IsRunning="{Binding running}"
IsVisible="{Binding running}"
Scale="4"
VerticalOptions="CenterAndExpand"
Color="Red" />
</StackLayout>
</AbsoluteLayout>
public partial class Page5 : ContentPage, INotifyPropertyChanged
{
public ObservableCollection<product> products { get; set; }
private bool _loading;
public bool loading
{
get { return _loading; }
set
{
_loading = value;
RaisePropertyChanged("loading");
}
}
private bool _running;
public bool running
{
get { return _running; }
set
{
_running = value;
RaisePropertyChanged("running");
}
}
public Page5()
{
InitializeComponent();
products = new ObservableCollection<product>();
loading = false;
running = false;
this.BindingContext = this;
}
private void loaddata()
{
products.Add(new product() { ProductName = "product 1", ImgSource = "a5.jpg" });
products.Add(new product() { ProductName = "product 2", ImgSource = "a6.jpg" });
products.Add(new product() { ProductName = "product 3", ImgSource = "a7.jpg" });
products.Add(new product() { ProductName = "product 4", ImgSource = "a8.jpg" });
products.Add(new product() { ProductName = "product 1", ImgSource = "a5.jpg" });
products.Add(new product() { ProductName = "product 2", ImgSource = "a6.jpg" });
products.Add(new product() { ProductName = "product 3", ImgSource = "a7.jpg" });
products.Add(new product() { ProductName = "product 4", ImgSource = "a8.jpg" });
}
public event PropertyChangedEventHandler PropertyChanged;
public void RaisePropertyChanged(string propertyName)
{
PropertyChangedEventHandler handler = PropertyChanged;
if (handler != null)
{
handler(this, new PropertyChangedEventArgs(propertyName));
}
}
private async void Getproduct_Clicked(object sender, EventArgs e)
{
loading = true;
running = true;
await Task.Delay(5000);
loaddata();
loading = false;
running = false;
}
}
public class product
{
public string ProductName { get; set; }
public string ImgSource { get; set; }
}
有屏幕截图：
最新问题
- Emscripten 字符串返回值的内存管理
- DriveApp.MakeCopy TypeError：imgname.makeCopy 不是函数 copyFilesFromSpreadsheet @ Code.gs:35
- 如何防止python在导入时运行程序？
- 在隐藏桌面 Flutter 应用程序时强制重建小部件
- 如何使用groovy从python脚本获取返回值
- 用于将类库发布到 Artifact Feed 的 Azure Pipeline
- 我想将单个图像调整为多种分辨率并存储在laravel中的不同文件夹中
- 为什么我在 gcc C 中的这个标记联合中收到过量元素警告？
- 使用pip install和pip uninstall时，包名总是一样吗？
- VBS 运行宏 - VBS 错误，使 Excel 保持打开状态，导致 PC 崩溃
- Google 表格公式 - 返回最后一个输入条目
- 最简单的静态站点生成器，用于带有导航的 Markdown 文件
- 使用mermaid创建树图（具体是音节树和语法树）
- 更改默认滚动动画[关闭]
- 在 SELECT 中添加列时，SQL 在外连接时速度较慢
- 在 Zig 中实例化包含非 pub 类型的结构
- 如何将背景扩展到整个网页？
- antd datepicker 如何在 const 中创建返回变量？
- 将列表作为行添加到 DataFrame
- 添加新用户作为 Firebase 项目的所有者并删除以前的所有者是否会影响项目？
© www.soinside.com 2019 - 2024. All rights reserved.