The base program is given on the <a 
href="https://github.com/Codefinity-Java/MAUIThreadingTask"
target="_blank"
style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: 0.3s ease-in-out;"
onmouseover="this.style.color='#ff0000'"
onmouseout="this.style.color='#d27204'">Github Repository</a>. Clone the repository to begin solving the task.

<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism.min.css"
/>
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism-okaidia.min.css"
/>
<link
  rel="stylesheet"
  href="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/buttons-section/hint-solution-video.css"
/>


<link rel="stylesheet" href="https://cdn.plyr.io/3.6.8/plyr.css" />
<link
  rel="stylesheet"
  href="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/video-tools-section/video-player.css"
/>


<div class="button-container">
  <button id="btn-hint" class="button" onclick="hintClick()">Hint</button>
  <button id="btn-solution" class="button" onclick="solutionClick()">
    Solution
  </button>
  <button id="btn-video" class="button" onclick="videoClick()">
    Video Tutorial
  </button>
</div>


<div id="hint-block" class="block">
  Statements related to UI updates are best to execute in the Main Thread.
</div>


<div id="solution-block" class="block">
  <pre><code class="language-csharp">
using Microsoft.Maui.Controls.Shapes;
using System.Globalization;
using System.Net.Http;

namespace MauiApp1
{
    public class apiEvent
    {
        public delegate void apiEventHandler(object sender, apiEventArgs e);

        public event apiEventHandler? OnResponse;

        public void OnApiResponse(string content)
        {
            apiEventHandler? handler = OnResponse;

            if (handler != null)
            {
                handler(this, new apiEventArgs(content));
            }
        }
    }

    public class apiEventArgs : EventArgs
    {
        public string Link { get; }

        public apiEventArgs(string content)
        {
            this.Link = content;
        }
    }

    public partial class MainPage : ContentPage
    {
        public apiEvent apiService = new apiEvent();

        Thread? mainTimer;
        Thread? getRequestThread;
        long ticks;

        public MainPage()
        {
            InitializeComponent();

            getImageButton.Clicked += GetImage;
            apiService.OnResponse += SetImage;

            ticks = 0;
            mainTimer = new Thread(new ThreadStart(timerUpdate));
            mainTimer.Start();
        }

        public void timerUpdate()
        {
            while (true)
            {
                ticks++;
                Thread.Sleep(50);
                MainThread.BeginInvokeOnMainThread(() => {
                    timerLabel.Text = $"Tick Count: {ticks}";
                });
            }
        }

        private void SetImage(object? sender, apiEventArgs e)
        {
            MainThread.BeginInvokeOnMainThread(() =>
            {
                mainImage.Source = e.Link;
            });
        }

        private void GetImage(object? sender, EventArgs e)
        {
            if (getRequestThread != null && !getRequestThread.IsAlive)
                getRequestThread = null;

            if (getRequestThread == null)
            {
                getRequestThread = new Thread(new ThreadStart(GetRequest));
                getRequestThread.Start();
            }
        }

        private void GetRequest()
        {
            string apiUrl = "https://random.imagecdn.app/v1/image";

            using (HttpClient client = new HttpClient())
            {
                HttpResponseMessage response = client.GetAsync(apiUrl).Result;

                if (response.IsSuccessStatusCode)
                {
                    string content = response.Content.ReadAsStringAsync().Result;
                    apiService.OnApiResponse(content);
                }
            }
        }
    }
}    
      </code></pre>
</div>


<div id="video-block" class="block">
  <div class="custom-player">
    <video width="100%" controls>
      
      <source
        src="https://content-media-cdn.codefinity.com/courses/c585e6db-0d47-4d9a-aa26-c1a0358614c8/S3/Chapter+2+-+Task+Description.mp4"
        type="video/mp4"
        data-plyr-config='{
          "quality": {
            "default": "720",
            "options": ["144", "240", "360", "480", "720", "1080"]
          }
        }'
      />
    </video>
  </div>
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/components/prism-csharp.min.js"></script>
<script src="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/buttons-section/hint-solution-video.js"></script>


<script src="https://cdn.plyr.io/3.6.8/plyr.js"></script>
<script src="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/video-tools-section/video-player.js"></script>

In diesem Kurs werden wir einige fortgeschrittene C#-Konzepte zusammen mit MAUI kennenlernen, einer Bibliothek für die Anwendungsentwicklung. Wir werden lernen, wie man interessante GUI-Anwendungen erstellt, die schnell und reaktionsfähig bleiben, indem wir Techniken wie Threading verwenden. Wir werden Anwendungen erstellen, die mit Benutzereingaben und APIs interagieren, und darüber hinaus werden wir einige wichtige C#-Konzepte wie Reflection und Generics behandeln. Dieser Kurs wird unsere Programmierfähigkeiten weiter verbessern und uns eine starke Grundlage geben, um in Richtung Webentwicklung voranzukommen.

In diesem Abschnitt werden wir lernen, was MAUI ist und wie man eine .NET MAUI-Anwendung einrichtet. Wir werden uns auch die Struktur einer MAUI-Anwendung ansehen und am Ende lernen, wie man einige grundlegende Elemente zu unserer Benutzeroberfläche hinzufügt. Dieser Abschnitt bereitet uns auf den Rest des Kurses vor, in dem wir mit praktischeren Konzepten arbeiten werden.

In diesem Abschnitt werden wir über Delegates, Ereignisse und Datenbindung lernen. Mit diesem Wissen werden wir lernen, wie man interessante interaktive GUI-Anwendungen erstellt.

In diesem Abschnitt werden wir lernen, was Threading ist und wie man es verwendet, um unsere Anwendungen reaktionsfähig zu halten und reibungslos auszuführen, während ressourcenintensive Aufgaben durchgeführt werden. Wir werden sehen, wie es sich von anderen ähnlichen Konzepten in C# unterscheidet und welche bewährten Praktiken bei der Implementierung von Threading in unserer Anwendung zu beachten sind. Es wird auch einige interessante Aufgaben geben, die uns helfen, dieses Konzept auf einer tieferen Ebene zu verstehen.

In diesem Abschnitt lernen wir, wie man robustere Methoden, Klassen und andere Objekte erstellt, die mit mehreren Eingabedatentypen arbeiten können, indem wir zunächst über Generika lernen und wie man generische Klassen implementiert. Dann gehen wir zur Reflexion über und wie man Reflexion nutzt, um die Fähigkeiten unserer Programme weiter zu verbessern.

Aufgabe - Vermeidung von Programmabstürzen Durch Threading

Aufgabenbeschreibung

Aufgabe - Vermeidung von Programmabstürzen Durch Threading

Aufgabenbeschreibung