اذهب إلى المحتوى
  • 0

كيف أنشئ لون متدرج من مجموعة ألوان وأطبقه على عنصر في ويندوز فون؟

عامر بيرادي

السؤال

لاحظت في معظم قوالب التي قمت بتحميلها لتطبيقات ويندوز فون وجود عناصر بألوان متعددة مثل أزرار ذات ألوان متدرجة هل يمكن تطبيق ذلك عند تطويري لتطبيق ويندوز فون؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

يمكن إنشاء ألون متدرجة باستخدام LinearGradientBrush وهو عبارة عن صف class يقوم بتلوين منطقة ما بشكل منحدر خطي متدرج  linear gradien، تحدد بداية ونهاية الخط بالخاصيتين StatrPoint , EndPoint ، القيمة الافتراضية لنقطة البداية هي (0,0) الزاوية اليسارية العليا من العنصر، القيمة الافتراضية لنقطة النهاية هي (1,1)  الزاوية اليمينية السفلى.

Gradient1.thumb.png.d806da9190bda64f590e

يمكن تحديد مجال كل لون باستخدام الخاصية Offset التي تأخذ قيمتها من 0.0 - 1.0 مثلًا في المثال يوجد 4 ألوان (أصفر، أحمر، أزرق، أخضر).

لاحظ قيم الـ Offset لكل لون:

gradient2.thumb.png.5fe57c74be7cad0881e3

لنقم بتطبيق LinearGradientBrush  على عنصر في ويندوز فون وتحديد مجال الألوان وقيمها حيث سنطبق على العنصر Ellips في الخاصية Fill كما في المثال التالي:

<Ellipse  HorizontalAlignment="Left" Height="169" Margin="166,82,0,0" Grid.Row="1" Stroke="Black" VerticalAlignment="Top" Width="182" RenderTransformOrigin="-3.386,0.383" ManipulationStarted="Ellipse_ManipulationStarted">
            <Ellipse.Fill>
                <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
                    <GradientStop Color="White" Offset="0.0"/>
                    <GradientStop Color="LightBlue" Offset="0.5"/>
                    <GradientStop Color="Navy" Offset="1"/>
                </LinearGradientBrush>
            </Ellipse.Fill>

قمت بتحديد 3 ألون White, LightBlue, Navy وقيمة Offset لكل لون والنتيجة:

gradient3.thumb.png.c45bcb37bd24862e5b6b

كيف أنشئ لون متدرج من مجموعة ألوان وأطبقه على عنصر في ويندوز فون؟

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...