Ibraheem Osama Mohamed (ابراهيم اسامه محمد)

Welcome to my blog :)

Live Tiles C# Windows 8 (Arabic)

with 4 comments

كنت قد تحدث فى المقال السابق عن اهمية ال Tiles و قد اشرت الى ان هناك خاصية فى تطبيقات ويندوز 8 و هى ال Live Tiles و هى خاصية تتيح لك ان تظهر بعض المعلومات للمستخدم من داخل التطبيق دون ان تفتحة.
و لماذا استخدم هذه الخاصية ؟؟
1)لفت انتباة المستخدم مما سيجعله دائما يتذكر تطبيقك لفتحة
2)اعطاء المستخدم مؤشرات بما يحدث داخل التطبيقهذا مثال على ال Live Tile فى لعبة Jetpack Joyride  و هى لعبتى المفضلة على ويندوز 8
Jetpack   jetpack Live
Live Tile                                                                                                                                                                                                                               Main Tile
هناك ايضا الكثير من انواع ال Live Tile فى ويندوز 8 ف بأمكانك مثلا ان تستخدم بعض الكلام مع صورة مثل هذه اللعبه او كلام فقط او صورة فقط
و للمزيد عن انواع ال Live Tile اضغط هنا و الان جاء وقت المرح 🙂 هيا بنا نبدأ نتعلم كيف اظهار ال Live Tile فى تطبيقاتنا فى ويندوز 8 هذا المقال سوف يكون عن ال #C و المقال بعد القادم سيكون عن ال JavaScript1)
1)افتح ال Visual Studio -> تطبيق جديد New Application -> اختر اللغة #C و ثم اختار Windows Store -Black Application XAML
2) هناك طريقتين لاستخدام ال Live Tile
أ) الطريقة الاساسية و استخدام ال XML
ب) الطريقة التى افضلها و هى استخدام ال Classes التى تاتى مع الامثلة على ويندوز 8 و تجد المثال الخاص ب ال Live Tile هنا 
فى هذا المقال سوف نتحدث عن الطريقة الاولى و فى القادم سوف نتحدث عن الثانية
1) قم باضافة Button لتفعيل ال Live Tile  قم بتعيين Event Click على هذا ال Button
<Button Content="Basic way" HorizontalAlignment="Left" Margin="791,252,0,0"
 VerticalAlignment="Top" Click="Button_Click_2"/>
2)الان جاء وقت اختيار الشكل المناسب بعد اختيار الشكل انظر الى ال XML الخاص به مثل

<tile>
  <visual>
    <binding template="TileSquareBlock">
      <text id="1">Text Field 1</text>
      <text id="2">Text Field 2</text>
    </binding>  
  </visual>
</tile>

3)قم بتغيير هذا ال XML ثم ناد
TileUpdateManager لتفعيل ال Live Tile

هذا الكود يقوم بذلك
XmlDocument tileData = TileUpdateManager.GetTemplateContent(TileTemplateType.TileSquareText04);
             XmlNodeList textData = tileData.GetElementsByTagName("text");
            textData[0].InnerText = "live tiles with XML";
             TileNotification notification = new TileNotification(tileData);
             notification.ExpirationTime = DateTimeOffset.UtcNow.AddSeconds(30);
           TileUpdateManager.CreateTileUpdaterForApplication().Update(notification);
4)الان قم بتشغيل التطبيقliveTileSample

قبل التفعيل

 

 

 

liveTileSampleAfter

بعد التفعيل

الان بامكانك ان تستخدم ال Live Tile 🙂 هذا الطريقة لا افضلها لانها تأخد الكثير من الوقت سون اناقش فى المقال القادم الطريقة الافضل و الاسهل و كيفية اظهار ال Text من اليمين الى الشمال RTL

شكرا

2056910448_thanks_xlarge

Ibraheem Osama Mohamed

IbraheemOM@

Advertisements

Written by Ibraheem Osama Mohamed

June 15, 2013 at 3:08 pm

Posted in Windows 8

4 Responses

Subscribe to comments with RSS.

  1. مقالة رائعة جدا, شكرا على المجهود المبذول
    سؤال: هل من ترجمة عربية للـ Tiles ؟ هل نقول إطارات أم مصغرات أو؟

    Abdelhafid Madoui

    November 11, 2013 at 9:37 pm

    • السلام عليكم 🙂 شكرا على التشجيع
      الترجمة التى اعرفها هي بلاطة او شريحة
      ماذا تظن ؟؟

      Ibraheem Osama Mohamed

      November 11, 2013 at 10:47 pm

      • تقول مايكروسوفت العربية أنها تسمى اللوحات

        Abdelhafid Madoui

        November 11, 2013 at 11:34 pm

      • لوحات تعبير افضل 🙂 شكرا اخى على المشاركة

        Ibraheem Osama Mohamed

        November 12, 2013 at 11:31 am


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: