如何根據屬性旋轉網格最簡單的方法

嗨，我想知道旋轉網格的簡單方法是什么。我有4頁：

 private static Figure[] array;
 public App ()
    {
        Initialize(array); // Fills array with figures with ImageSources
        InitializeComponent ();
        MainPage = new Page(array,Color.Red);
    }


class Figure
{
private ImageSource Source {get; set;}
public Figure(ImageSource source)
   {
       Source = source;
   }
}

class Page
{
private Color Color;
private Grid Grid;
public Page (Figure[] Figures, Color color)
   {
       Color = color;
       // Now this is where I need help...
   }
}

我希望 Grid 始終具有相同的大小并始終填充相同的陣列，但根據顏色，方向應該改變。事實上，整個網格應該根據顏色旋轉 90 度。這些網格應該具有系結到圖形的影像源的影像按鈕（使用轉換器）。我想過在 Xaml 中創建 4Grids 并手動實作所有內容，并為每個頁面提供自定義網格。我想出的另一個選項是僅創建一個網格并使用網格的旋轉方法（但使用此選項我必須旋轉網格的每個子項，否則圖片將與網格一起旋轉......正如我所想兩種解決方案都非常不方便我想知道我還有哪些其他選擇。也許有人可以幫助我？非常感謝...

uj5u.com熱心網友回復：

基于設定更改的 ImageSource 示例。

XAML：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="TestBugs.MainPage">
    <StackLayout>
        <Label Text="Test"/>
        <Grid ColumnDefinitions="50,50" RowDefinitions="50,50">
            <Image Grid.Row="0" Grid.Column="0" Source="{Binding Source1A}" BackgroundColor="Red"/>
            <Image Grid.Row="0" Grid.Column="1" Source="{Binding Source1B}" BackgroundColor="Green"/>
            <Image Grid.Row="1" Grid.Column="0" Source="{Binding Source2A}" BackgroundColor="Blue"/>
            <Image Grid.Row="1" Grid.Column="1" Source="{Binding Source2B}" BackgroundColor="Yellow"/>
        </Grid>
    </StackLayout>
</ContentPage>

C＃：

using System;
using System.Collections.Generic;
using System.Reflection;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace TestBugs
{
    public partial class MainPage : ContentPage
    {
        // REPLACE "TestBugs" with your project's assembly name.
        public const string AssemblyName = "TestBugs";


        public enum Orientation
        {
            One, Two, Three, Four
        }

        const int NOrientations = 4;


        public MainPage()
        {
            // Assuming stored locally in files or resources.
            // If need server queries, recommend not doing this in constructor.
            LoadOurImages();

            InitializeComponent();
            // In this simple example, the binding sources are in the page itself.
            BindingContext = this;
        }


        protected override void OnAppearing()
        {
            base.OnAppearing();

            BackgroundTestLoop();
        }

        static Random Rand = new Random();

        private void BackgroundTestLoop()
        {
            Task.Run(async () =>
            {
                const int NTimes = 20;
                for (int i = 0; i < NTimes; i  )
                {
                    await Task.Delay(3000);

                    Orientation nextOrient = (Orientation)Rand.Next(NOrientations);
                    // Only affect UI from main thread.
                    Device.BeginInvokeOnMainThread(() =>
                    {
                        Orient = nextOrient;
                    });
                }
            });
        }

        public Orientation Orient {
            get => _orient;
            set
            {
                _orient = value;
                // When Orient changes, that affects the values of these properties.
                // OnPropertyChanged is from super-class BindableObject.
                OnPropertyChanged(nameof(Source1A));
                OnPropertyChanged(nameof(Source1B));
                OnPropertyChanged(nameof(Source2A));
                OnPropertyChanged(nameof(Source2B));
            }
        }
        private Orientation _orient = Orientation.One;

        // Public getters. These change when Orient changes.
        public ImageSource Source1A => Sources[Indexes1A[(int)Orient]];
        public ImageSource Source1B => Sources[Indexes1B[(int)Orient]];
        public ImageSource Source2A => Sources[Indexes2A[(int)Orient]];
        public ImageSource Source2B => Sources[Indexes2B[(int)Orient]];


        List<string> ResourcePaths = new List<string> {
            "apple.png", "banana.png", "car.png", "dog.png"};

        List<ImageSource> Sources = new List<ImageSource>();

        // Change these as needed.
        List<int> Indexes1A = new List<int> { 0, 1, 2, 3 };
        List<int> Indexes1B = new List<int> { 1, 2, 3, 0 };
        List<int> Indexes2A = new List<int> { 2, 3, 0, 1 };
        List<int> Indexes2B = new List<int> { 3, 0, 1, 2 };



        private void LoadOurImages()
        {
            foreach (var path in ResourcePaths)
                Sources.Add(CreateOurSource(path));
        }

        private ImageSource CreateOurSource(string resourcePath)
        {
            // For embedded resources stored in project folder "Media".
            var resourceID = $"{AssemblyName}.Media.{resourcePath}";
            // Our media is in the cross-platform assembly. Find that from this page.
            Assembly assembly = this.GetType().GetTypeInfo().Assembly;
            ImageSource source = ImageSource.FromResource(resourceID, assembly);
            return source;
        }
    }
}

標籤：C＃ 。网 沙马林 xamarin.forms 网格

上一篇：XamariniOS和Android專案不再編譯

下一篇：在magento2中將產品添加到購物車后如何發送電子郵件？