xamarin / Xamarin.Forms

Xamarin.Forms is no longer supported. Migrate your apps to .NET MAUI.
https://aka.ms/xamarin-upgrade
Other
5.64k stars 1.88k forks source link

[Bug] Setting CarouselView position in C# doesn't always change the CurrentItem visually on UWP #13663

Open CMarcher opened 3 years ago

CMarcher commented 3 years ago

Description

When I try to change the position of a CarouselView on UWP in the code-behind, some very odd behaviour occurs. If I click the button tied to an event handler that sets the position differently, the CarouselView jitters but does not change. If I click three or four times in quick succession, it changes. Sometimes it decides to change immediately, other times it doesn't.

Steps to Reproduce

  1. Create new Xamarin Forms solution with only UWP selected for the blank template.
  2. Update all NuGet packages for solution to latest versions.
  3. Copy this XAML code into your MainPage content, replacing what the template puts there:

    <StackLayout>
        <Grid ColumnDefinitions="*, *" ColumnSpacing="20"
              Margin="10">
    
            <Button Text="Panel 1" x:Name="panelOneButton"
                    Clicked="panelOneButton_Clicked" Grid.Column="0"/>
    
            <Button Text="Panel 2" x:Name="panelTwoButton"
                    Clicked="panelTwoButton_Clicked" Grid.Column="1"/>
        </Grid>
    
        <CarouselView VerticalOptions="FillAndExpand" x:Name="carouselView"
                      BackgroundColor="Gray">
            <CarouselView.ItemsSource>
    
                <x:Array Type="{x:Type x:String}">
                    <x:String>Baboon</x:String>
                    <x:String>Capuchin Monkey</x:String>
                </x:Array>
            </CarouselView.ItemsSource>
    
            <CarouselView.ItemTemplate>
                <DataTemplate>
                    <Label Text="{Binding .}"/>
                </DataTemplate>
            </CarouselView.ItemTemplate>
        </CarouselView>
    </StackLayout>
  4. Copy this C# code into MainPage.xaml.cs:
    
    private void panelTwoButton_Clicked(object sender, EventArgs e)
    {
    carouselView.Position = 1;
    }

private void panelOneButton_Clicked(object sender, EventArgs e) { carouselView.Position = 0; }

5. Build and run the solution in UWP, click the buttons and see.
### Expected Behavior
Clicking a button that is set to change the CarouselView's current position will change the current item visually.

### Actual Behavior
Clicking a button that is set to change the CarouselView's current position will jitter sometimes, possibly decide to change to the corresponding item or not.

### Basic Information

- Version with issue: 5.0.0.1931
- Last known good version:
- Platform Target Frameworks: <!-- All that apply -->
  - UWP:  6.2.11 <!-- The version of the UWP SDK you are compiling against, e.g. 16299 -->
- NuGet Packages: The base packages installed when you use the Forms blank app template with only UWP selected
- Affected Devices: Desktop

### Environment

<!--
1.
Visual Studio: Help > About Microsoft Visual Studio > Copy Info [button]
Visual Studio for Mac: Visual Studio > About Visual Studio > Show Details > Copy Information [button]
2. Paste into the code block below (between ```)
-->

<details><summary>Show/Hide Visual Studio info</summary>

Microsoft Visual Studio Community 2019 Version 16.8.4 VisualStudio.16.Release/16.8.4+30907.101 Microsoft .NET Framework Version 4.8.03752

Installed Version: Community

Visual C++ 2019 00435-60000-00000-AA177 Microsoft Visual C++ 2019

ADL Tools Service Provider 1.0 This package contains services used by Data Lake tools

ASA Service Provider 1.0

ASP.NET and Web Tools 2019 16.8.557.25636 ASP.NET and Web Tools 2019

ASP.NET Core Razor Language Services 16.1.0.2052803+84e121f1403378489b842e1797df2f3f5a49ac3c Provides languages services for ASP.NET Core Razor.

ASP.NET Web Frameworks and Tools 2019 16.8.557.25636 For additional information, visit https://www.asp.net/

Azure App Service Tools v3.0.0 16.8.557.25636 Azure App Service Tools v3.0.0

Azure Data Lake Node 1.0 This package contains the Data Lake integration nodes for Server Explorer.

Azure Data Lake Tools for Visual Studio 2.6.1000.0 Microsoft Azure Data Lake Tools for Visual Studio

Azure Functions and Web Jobs Tools 16.8.557.25636 Azure Functions and Web Jobs Tools

Azure Stream Analytics Tools for Visual Studio 2.6.1000.0 Microsoft Azure Stream Analytics Tools for Visual Studio

C# Tools 3.8.0-5.20604.10+9ed4b774d20940880de8df1ca8b07508aa01c8cd C# components used in the IDE. Depending on your project type and settings, a different version of the compiler may be used.

Common Azure Tools 1.10 Provides common services for use by Azure Mobile Services and Microsoft Azure Tools.

Cookiecutter 16.8.20241.2 Provides tools for finding, instantiating and customizing templates in cookiecutter format.

Extensibility Message Bus 1.2.6 (master@34d6af2) Provides common messaging-based MEF services for loosely coupled Visual Studio extension components communication and integration.

GitHub.VisualStudio 2.11.102.28613 A Visual Studio Extension that brings the GitHub Flow into Visual Studio.

IntelliCode Extension 1.0 IntelliCode Visual Studio Extension Detailed Info

Microsoft Azure HDInsight Azure Node 2.6.1000.0 HDInsight Node under Azure Node

Microsoft Azure Hive Query Language Service 2.6.1000.0 Language service for Hive query

Microsoft Azure Stream Analytics Language Service 2.6.1000.0 Language service for Azure Stream Analytics

Microsoft Azure Stream Analytics Node 1.0 Azure Stream Analytics Node under Azure Node

Microsoft Azure Tools 2.9 Microsoft Azure Tools for Microsoft Visual Studio 2019 - v2.9.30924.1

Microsoft Continuous Delivery Tools for Visual Studio 0.4 Simplifying the configuration of Azure DevOps pipelines from within the Visual Studio IDE.

Microsoft JVM Debugger 1.0 Provides support for connecting the Visual Studio debugger to JDWP compatible Java Virtual Machines

Microsoft Library Manager 2.1.113+g422d40002e.RR Install client-side libraries easily to any web project

Microsoft MI-Based Debugger 1.0 Provides support for connecting Visual Studio to MI compatible debuggers

Microsoft Visual C++ Wizards 1.0 Microsoft Visual C++ Wizards

Microsoft Visual Studio Tools for Containers 1.1 Develop, run, validate your ASP.NET Core applications in the target environment. F5 your application directly into a container with debugging, or CTRL + F5 to edit & refresh your app without having to rebuild the container.

Microsoft Visual Studio VC Package 1.0 Microsoft Visual Studio VC Package

Mono Debugging for Visual Studio 16.8.43 (00471f8) Support for debugging Mono processes with Visual Studio.

NuGet Package Manager 5.8.1 NuGet Package Manager in Visual Studio. For more information about NuGet, visit https://docs.nuget.org/

ProjectServicesPackage Extension 1.0 ProjectServicesPackage Visual Studio Extension Detailed Info

Python 16.8.20241.2 Provides IntelliSense, projects, templates, debugging, interactive windows, and other support for Python developers.

Python - Conda support 16.8.20241.2 Conda support for Python projects.

Python - Django support 16.8.20241.2 Provides templates and integration for the Django web framework.

Python - IronPython support 16.8.20241.2 Provides templates and integration for IronPython-based projects.

Python - Profiling support 16.8.20241.2 Profiling support for Python projects.

SQL Server Data Tools 16.0.62012.31170 Microsoft SQL Server Data Tools

ToolWindowHostedEditor 1.0 Hosting json editor into a tool window

TypeScript Tools 16.0.21016.2001 TypeScript Tools for Microsoft Visual Studio

Visual Basic Tools 3.8.0-5.20604.10+9ed4b774d20940880de8df1ca8b07508aa01c8cd Visual Basic components used in the IDE. Depending on your project type and settings, a different version of the compiler may be used.

Visual F# Tools 16.8.0-beta.20507.4+da6be68280c89131cdba2045525b80890401defd Microsoft Visual F# Tools

Visual Studio Code Debug Adapter Host Package 1.0 Interop layer for hosting Visual Studio Code debug adapters in Visual Studio

Visual Studio Container Tools Extensions 1.0 View, manage, and diagnose containers within Visual Studio.

Visual Studio Tools for Containers 1.0 Visual Studio Tools for Containers

VisualStudio.DeviceLog 1.0 Information about my package

VisualStudio.Foo 1.0 Information about my package

VisualStudio.Mac 1.0 Mac Extension for Visual Studio

Xamarin 16.8.000.261 (d16-8@bb99248) Visual Studio extension to enable development for Xamarin.iOS and Xamarin.Android.

Xamarin Designer 16.8.0.507 (remotes/origin/d16-8@e87b24884) Visual Studio extension to enable Xamarin Designer tools in Visual Studio.

Xamarin Templates 16.8.112 (86385a3) Templates for building iOS, Android, and Windows apps with Xamarin and Xamarin.Forms.

Xamarin.Android SDK 11.1.0.26 (d16-8/a36ce73) Xamarin.Android Reference Assemblies and MSBuild support. Mono: 5e9cb6d Java.Interop: xamarin/java.interop/d16-8@79d9533 ProGuard: Guardsquare/proguard/proguard6.2.2@ebe9000 SQLite: xamarin/sqlite/3.32.1@1a3276b Xamarin.Android Tools: xamarin/xamarin-android-tools/d16-8@2fb1cbc

Xamarin.iOS and Xamarin.Mac SDK 14.8.0.3 (c51fabee8) Xamarin.iOS and Xamarin.Mac Reference Assemblies and MSBuild support.



</details>

### Workaround
You could try Syncfusion's SfTabView for UWP.
<!-- Did you find any workaround for this issue? This can unblock other people while waiting for this issue to be resolved -->
rachelkang commented 3 years ago

Hi, @CMarcher - thanks for submitting this issue! Confirming that I'm able to repro this behavior on UWP (works as expected on iOS) Issue13663.zip

rachelkang commented 3 years ago

cc @rmarinho

Only-Xam commented 3 years ago

Issue persist since 4.6 version and raised couple of times. #10950

YiannisBourkelis commented 3 years ago

@jsuarezruiz Same problem here. Carouselview is not working at all on UWP. Clicking on the left or right arrows displays only a small part of the containing view.

DRAirey1 commented 2 years ago

I'm running Xamarin.Forms 5.0 and running into the same issue. This control is buggy as hell in UWP.

hammondreg commented 2 years ago

This control is buggy as hell in UWP <= You wait until you start to try it in MAUI!