เหตุใดฉันจึงได้รับ“ การแคสต์ที่ระบุไม่ถูกต้อง” เมื่อใช้มุมมองแบบกำหนดเองที่มีการเชื่อมโยง แต่ไม่ได้เมื่อฉันตั้งค่าด้วยตนเอง

Aug 17 2020

ฉันกำลังสร้างมุมมองที่กำหนดเองโดยใช้ ObservableCollection เป็น BindableProperty (เป้าหมายของฉันคือการอัปเดตรูปแบบของมุมมองโดยขึ้นอยู่กับเนื้อหาในกรณีนี้คือรายการสี) ฉันคิดว่าฉันตั้งค่าคุณสมบัติไว้อย่างถูกต้องในมุมมองที่กำหนดเอง ถ้าฉันตั้งค่าคุณสมบัติที่ผูกได้ใน C # มันก็ใช้ได้ ถ้าฉันพยายามใช้ {Binding varname} ใน XAML มันจะแสดงข้อผิดพลาด "Specified Cast is not Valid" ฉันกำลังพยายามหาว่าปัญหาของฉันอยู่ที่ไหน

ด้านล่างใน MainPage สาธารณะ () คุณจะเห็นบรรทัดแสดงความคิดเห็นซึ่งฉันตั้งค่าคุณสมบัติด้วยตนเอง ถ้าฉันไม่ใส่ความคิดเห็นและนำ "Color = {Binding Test}" ออกจาก MainPage.xaml ทุกอย่างก็ใช้ได้ ถ้าฉันเรียกใช้สิ่งนี้ตามที่เป็นอยู่ฉันจะได้รับข้อยกเว้น

นี่คือรหัสทั้งหมดของฉัน:

MainPage.xaml.cs

public partial class MainPage : ContentPage
{
    public ObservableCollection<Color> Test { get; set; }
    public MainPage()
    {
        Test = new ObservableCollection<Color>();

        Test.Add(Color.Blue);
        Test.Add(Color.Green);
        Test.Add(Color.Red);
        Test.Add(Color.Purple);
        
        this.BindingContext = this;
        InitializeComponent();

        //myView.Colors = Test;
    }

    

    private void OnClicked(object sender, EventArgs e)
    {
        myView.Colors.Add(Color.Yellow);
    }
}

MainPage.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:local="clr-namespace:ColorBoxes"
         x:Class="ColorBoxes.MainPage">

    <StackLayout HorizontalOptions="CenterAndExpand">
        <local:ColorBoxView  x:Name="myView" Colors="{Binding Test}" WidthRequest="400" HeightRequest="600"/>
        <Button Text="Add Color" Clicked="OnClicked"/>
    </StackLayout>

</ContentPage>

ColorBoxView.xaml.cs

public partial class ColorBoxView : ContentView
{
    public ColorBoxView()
    {
       InitializeComponent();
       
    }
    
    public static BindableProperty ColorList = BindableProperty.Create(
        propertyName: "Colors",
        returnType: typeof(ObservableCollection<Color>),
        declaringType: typeof(ColorBoxView),
        defaultValue: new ObservableCollection<Color>(),
        defaultBindingMode: BindingMode.OneWay,
        propertyChanged: HandleColorListPropertyChanged
    );

    public ObservableCollection<Color> Colors
    {
        get { return (ObservableCollection<Color>) base.GetValue(ColorList); }
        set
        {
            if (value != this.Colors)
            {
                base.SetValue(ColorList, value);
                Colors.CollectionChanged += Items_CollectionChanged;
            }
        }
    }
   
    
    void Items_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
    {
        buildView(Colors);
    }

    private void buildView(ObservableCollection<Color> newColors)
    {
        /* This code is never reached */
    }
    private static void HandleColorListPropertyChanged(BindableObject bindable, object oldValue, object newValue)
    {
        ObservableCollection<Color> newColors = (ObservableCollection<Color>) newValue;
        ColorBoxView thisView = (ColorBoxView) bindable;

        thisView.buildView(newColors);
        
    }

ColorBoxView.xaml

<?xml version="1.0" encoding="utf-8"?>

<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         x:Class="ColorBoxes.ColorBoxView" >

    <Grid  x:Name="BoxGrid"  HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" 
           RowSpacing="0" ColumnSpacing="0" Padding="0">
    </Grid>

</ContentView>

กองติดตาม:

System.InvalidCastException: Specified cast is not valid. 
   at ColorBoxes.MainPage.InitializeComponent () [0x00023] in /Users/docmani/RiderProjects/ColorBoxes/ColorBoxes/ColorBoxes/obj/Debug/netstandard2.0/MainPage.xaml.g.cs:26
   at ColorBoxes.MainPage..ctor () [0x00060] in /Users/docmani/RiderProjects/ColorBoxes/ColorBoxes/ColorBoxes/MainPage.xaml.cs:25
   at ColorBoxes.App..ctor () [0x0000f] in /Users/docmani/RiderProjects/ColorBoxes/ColorBoxes/ColorBoxes/App.xaml.cs:15
   at ColorBoxes.iOS.AppDelegate.FinishedLaunching (UIKit.UIApplication app, Foundation.NSDictionary options) [0x00007] in /Users/docmani/RiderProjects/ColorBoxes/ColorBoxes/ColorBoxes.iOS/AppDelegate.cs:25
   at at (wrapper managed-to-native) UIKit.UIApplication.UIApplicationMain(int,string[],intptr,intptr)
   at UIKit.UIApplication.Main (System.String[] args, System.IntPtr principal, System.IntPtr delegate) [0x00005] in /Library/Frameworks/Xamarin.iOS.framework/Versions/13.18.2.1/src/Xamarin.iOS/UIKit/UIApplication.cs:86
   at UIKit.UIApplication.Main (System.String[] args, System.String principalClassName, System.String delegateClassName) [0x0000e] in /Library/Frameworks/Xamarin.iOS.framework/Versions/13.18.2.1/src/Xamarin.iOS/UIKit/UIApplication.cs:65
   at ColorBoxes.iOS.Application.Main (System.String[] args) [0x00001] in /Users/docmani/RiderProjects/ColorBoxes/ColorBoxes/ColorBoxes.iOS/Main.cs:16

ข้อมูลเพิ่มเติม - ฉันได้ลองอัปเกรด Xamarin.Forms ใน NuGet แล้วเนื่องจากใช้เวลาไม่นาน ตอนนี้มันจะไม่รวมกับการผูก มันทำให้ฉัน:

 MainPage.xaml(9, 46): [XFC0009] No property, BindableProperty, or event found for "Colors", or mismatching type between value and property.

แต่อีกครั้งถ้าฉันตั้งค่าด้วยตนเองใน C # ก็ยังใช้งานได้ ฉันพลาดบางอย่างใน XAML ของฉัน แต่ฉันไม่รู้ว่ามันคืออะไร

คำตอบ

LeonLu-MSFT Aug 17 2020 at 10:16

คุณสามารถเปลี่ยนสิ่งBindablePropertyต่อไปนี้ColorListPropertyจากนั้นทำการทดสอบใน xaml

public partial class ColorBoxView : ContentView
    {
        public ColorBoxView ()
        {
            InitializeComponent ();
        }
 
        public static readonly BindableProperty ColorListProperty = BindableProperty.Create(
            nameof(ColorList), 
            typeof(ObservableCollection<object>), 
            typeof(ColorBoxView), 
            new ObservableCollection<object>(), 
            BindingMode.OneWay, 
            propertyChanged: ContractListPropertyChangedDelegate);
        public ObservableCollection<object> ColorList
        {
            get =>
            (ObservableCollection<object>)GetValue(ColorListProperty);
            set => SetValue(ColorListProperty, value);
        }
        private static void ContractListPropertyChangedDelegate(BindableObject bindable, object oldValue, object newValue)
        {
            // throw new NotImplementedException();
         //   ColorBoxView colorBoxView= bindable as ColorBoxView;


        }
 <local:ColorBoxView  x:Name="myView" ColorList="{Binding Test}"  WidthRequest="400" HeightRequest="600"/>

หากคุณต้องการที่จะCollectionChangedจัดกิจกรรมที่จะดำเนินการเมื่อคุณคลิกปุ่มที่คุณสามารถเพิ่ม ColorList.CollectionChanged += ColorList_CollectionChangedในColorBoxViewคอนสตรัค 's

public ColorBoxView ()
        {
            InitializeComponent ();
            ColorList.CollectionChanged += ColorList_CollectionChanged;

        }

        private void ColorList_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
        {
           // throw new NotImplementedException();
        }

setวิธีการของคุณจะถูกดำเนินการเมื่อคุณตั้งค่าใหม่ObservableCollectionหากคุณเพิ่งเพิ่มรายการที่มีอยู่ObservableCollectionให้ใช้CollectionChangedในทางที่ColorBoxViewดีกว่า

BTGraham Aug 17 2020 at 20:33

หลังจากการค้นหาหลายครั้งฉันพบหลายตัวอย่างที่ประเภทของ BindingProperty ถูกตั้งค่าเป็น "IEnumerable" หลังจากทำซ้ำรหัสของฉันฉันพบสิ่งต่อไปนี้ที่ใช้งานได้:

public partial class ColorBoxView : ContentView
{
    public ColorBoxView()
    {
       InitializeComponent();
    }
    
    public static readonly BindableProperty ColorsProperty =
        BindableProperty.Create (nameof (Colors), typeof (IEnumerable), typeof (ColorBoxView), null,
            BindingMode.Default, null, HandleColorListPropertyChanged);

    public IEnumerable Colors
    {
        get { return (IEnumerable) GetValue (ColorsProperty); }
        set
        {
            SetValue (ColorsProperty, value);
            var oc = (ObservableCollection<Color>) (this.Colors);
            oc.CollectionChanged += Items_CollectionChanged;
        }
    }

    private void Items_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
    {
        buildView( (ObservableCollection<Color>)Colors);
    }

    private void buildView(ObservableCollection<Color> newColors)
    {
        /* Update code */
    }

    private static void HandleColorListPropertyChanged(BindableObject bindable, object oldValue, object newValue)
    {
        ObservableCollection<Color> newColors = (ObservableCollection<Color>) newValue;
        ColorBoxView thisView = (ColorBoxView) bindable;

        thisView.Colors = newColors;
        thisView.buildView(newColors);

    }

}

ฉันสนใจที่จะทราบเหตุผลอย่างเป็นทางการว่าทำไมถึงได้ผล ความคิดเห็นชื่นชม