AliCharts.Maui 1.0.22

ملاحظة - Note 05/06/2025

<local:AliListView
......................
SelectedItem="{Binding SelectedMyItem, Mode=TwoWay}"
 SelectedIndex="{Binding SelectedMyIndex, Mode=TwoWay}" 
ItemsSource="{Binding MyItems}" />

ملاحظة - Note 04/06/2025

<Style TargetType="localdata:AliListView" x:Key="StylesAliListView"> <Setter Property="TitleFontSize" Value="16" /> <Setter Property="TitleBorderColor" Value="#808b96" /> <Setter Property="TitleBackgroundColor" Value="#808b96" /> <Setter Property="TitleTextColor" Value="Black" /> </Style>

تم تعديل وتحسين خصائص العنوان لتعزيز الأداء والمظهر.

Title properties were refined and enhanced to improve both performance and appearance.

من نحن - About Us

######################BOURKAIB ALI###################### ######################بوركايب علي######################

تم تصميم وتطوير هذه الأداة من قبل السيد بوركايب علي، مطوّر تطبيقات مقيم في ولاية الشلف (دائرة بني حواء)، وموظف بميناء |B|، تحت إشراف المهندسة س. أسيا (مهندسة برمجيات).

🛠️ تمثّل هذه الأداة مكونًا تفاعليًا مخصصًا تم تطويره باستخدام إطار عمل .NET MAUI، وتتيح للمطوّرين إمكانية إدخال البيانات واستعراضها ضمن واجهة مرنة قابلة للتخصيص.

✨ تشمل الميزات المتقدمة:

• التحكم الديناميكي في الأبعاد (الحد الأدنى والأقصى للارتفاع).
• تخصيص مظهر النص (الحجم، اللون، النمط).
• تعديل عناصر واجهة المستخدم (الحواف، الهوامش، الخلفيات).

تعكس هذه الأداة الالتزام بمعايير التطوير الحديثة، مع إمكانية التوسعة والتكامل ضمن مشاريع متنوعة.

This tool was designed and developed by Mr. Bourkaib Ali, an application developer based in Chlef Province (Beni Haoua District), and an employee at Port |B|, under the supervision of software engineer Ms. S. Assia.

🥈 The tool is a custom interactive component built with .NET MAUI, enabling developers to input and display data within a flexible and customizable UI.

💡 Key features include:

• Dynamic height control (min/max).
• Text customization (size, color, style).
• UI adjustments (borders, padding, backgrounds).

It reflects a strong commitment to modern development standards, with extensibility and seamless integration into various projects.

متطلبات الأداة - Requirements

<PackageReference Include="Microsoft.Maui.Controls" Version="9.0.50" /> <PackageReference Include="SkiaSharp" Version="3.119.0" /> <PackageReference Include="SkiaSharp.Views.Maui.Controls" Version="3.119.0" />

// In MauiProgram.cs var builder = MauiApp.CreateBuilder(); builder .UseMauiApp<App>() .UseMauiCommunityToolkit() .UseMauiCommunityToolkitMediaElement() .UseSkiaSharp(); // أضف هذا السطر

رابط الاستخدام - Usage Namespace

xmlns:local="clr-namespace:AliCharts.Maui.Controls;assembly=AliCharts.Maui"

مثال AliListView

<local:AliListView Text="{Binding Name}" Grid.Row="0" Title="Enter title" TitleFontSize="15" TitleVisible="True" Placeholder="Enter input" PlaceholderColor="Gray" PlaceholderSize="14" InputTextColor="Black" InputFontAttributes="Italic" InputFontSize="16" InputBorderColor="Red" InputBackgroundColor="YellowGreen" InputHeightRequest="45" InputCornerRadius="6" InputPadding="0" InputMargin="0" ViewSelectionMode="Single" ViewBackgroundColor="#181818" ViewBackground="OrangeRed" ViewFontSize="14" ViewFontAttributes="Bold" ViewTextColor="Yellow" ItemsSelectShow="Name" SelectedItem="{Binding SelectedMyItem, Mode=TwoWay}" ItemsSource="{Binding MyItems}" />

مثال AliInputText

<local:AliInputText TitleVisible="True" Text="{Binding Name}" Title="Enter title" TitleFontSize="15" Placeholder="Enter input" PlaceholderColor="Gray" PlaceholderSize="14" InputTextColor="Black" InputFontAttributes="Italic" InputFontSize="16" InputBorderColor="Red" InputBackgroundColor="YellowGreen" InputHeightRequest="45" InputCornerRadius="6" InputPadding="0" InputMargin="0" />

مثال AliInputTextArea

<local:AliInputTextArea Grid.Row="2" TitleVisible="True" Text="{Binding Name}" Title="Enter title" TitleFontSize="15" Placeholder="Enter input" PlaceholderColor="Gray" PlaceholderSize="14" InputTextColor="Black" InputFontAttributes="Italic" InputFontSize="16" InputBorderColor="Red" InputBackgroundColor="YellowGreen" InputCornerRadius="6" InputPadding="0" InputMargin="0" />

الاتصال - Contact

✉️ Email: contactchlef2310@gmail.com