جستجو در تالار

در حال نمایش نتایج برای برچسب های 'UI'.



تنظیمات بیشتر جستجو

  • جستجو بر اساس برچسب

    برچسب ها را با , از یکدیگر جدا نمایید.
  • جستجو بر اساس نویسنده

نوع محتوا


تالار ها

  • عمومی
    • اطلاعیه
    • اخبار
    • پیشنهادها و انتقادات
    • درخواست آموزش
    • مشکلات و مسائل انجمن
    • متفرقه
  • سوالات، مشکلات و درخواست
    • ویندوز استور
    • وب (ASP.Net)
    • ویندوز دسکتاپ (Win32 & WPF)
    • زامارین فرم (Xamarin.Forms)
    • زامارین اندروید
    • زامارین iOS
    • دات نت کور
    • اینترنت اشیاء (IOT)
    • سوالات کلی و عمومی
  • توسعه نرم افزارهای ویندوز استور
    • سوالات، مشکلات پروژه های ویندوز استور
    • مقالات، کتاب ها و منابع آموزشی
    • سورس کدهای آموزشی
  • برنامه نویسی زامارین
    • زامارین فرم (Xamarin.Forms)
    • زامارین ios
    • زامارین اندروید
    • عمومی
  • برنامه نویسی ASP.NET
    • مقالات، کتاب ها و منابع آموزشی
    • .Net Core
    • ASP.NET MVC
    • ASP.NET WebForm
  • اینترنت اشیاء
    • مقالات، کتاب ها و منابع آموزشی
    • سخت افزار
    • نرم افزار
    • پروژه ها
  • متفرقه
    • آموزش ابزارها و نرم افزار ها
    • آموزش های سرویس ها و سایت ها
    • سوالات و مشکلات برنامه نویسی Win 32
  • نرم افزار
    • نرم افزار های تیم انجمن
    • نرم افزار های ساخت شما
    • سفارش نرم افزار و برنامه نویسی
    • معرفی ابزارها و نرم افزارهای مرتبط
    • درخواست ابزار کمکی
    • مشکلات و سوالات در مورد نرم افزار ها

گروه


آدرس تارنما


یاهو


اسکایپ


حساب مایکروسافت


شماره تماس


تلگرام


مکان


علایق


نام توسعه دهندگی

7 نتیجه پیدا شد

  1. به نام خدا در این آموزش قصد داریم تا طراحی رابط کاربری بصورت تطبیق پذیر رو فرا بگیریم به این معنی که با تغییرات اندازه ی صفحه ی اپلیکیشن در برنامه تغییرات ظاهری مناسب ایجاد کنیم. خب ابتدا Blend For Visual Studio 2017 رو که همراه با Visual Studio روی سیستم شما نصب شده و برای طراحی اپلیکیشن بکار میره رو باز می کنیم. توجه کنید که کاری که می خواهیم انجام بدیم با Visual Studio هم میشه انجام داد اما باید به صورت دستی کد ها رو وارد کرد که برای افراد غیر حرفه ای اصلا توصیه نمیشه. سپس دیالوگ بعدی را ok کنید خب حالا از Solution Explorer صفحه ی MainPage.XAML رو باز می کنیم و کد زیر رو درونش می نویسیم در نتیجه به این ظاهر می رسیم : حال همونطور که در تصویر زیر مشاهده می کنید ابتدا یک VisualStateGroup می سازیم و نام آن را SplitViewStates می گذاریم در این گروه از State ها (وضعیت های مختلف رابط کاربری) ما می خواهیم حالت های مختلف SplitView را در اندازه های مختلف صفحه مشخص کنیم. و در گام بعدی سه State زیر را به صورتی که می بینید اضافه میکنیم (نام ها دلخواه هستند و تاثیری ندارند) وضعیت Closed را برای زمانی اضافه کردیم که Pane باید بسته باشد. وضعیت Compact برای زمانی که Pane به صورت Compact یا فشرده نمایش داده می شود. و وضعیت open برای زمانی که Pane کامل باز است. در تصویر زیر دو نکته حائز اهمیت است : دکمه ی قرمز به معنی آن است که تغییراتی که ما در Properties هر Element انجام می دهیم برای این State ضبط می شوند. علامت چشم به معنی آن است که در حال مشاهده ی این State درون XAML Designer هستیم. خب حالا میریم سر اصل مطلب! ابتدا State Open را انتخاب می کنیم (علامت قرمز کنارش نمایش داده بشه) و برای آن یک AdaptiveTrigger اضافه میکنیم AdptiveTrigger دو متغیر دارد یکی MinWindowWidth یکی MinWindowHeight که بیانگر این هستند که اگر سایز صفحه (مثلا عرض صفحه) از مقدار متغیر بیشتر شود آن Trigger اتفاق می افتد مثلا اگر MinWindowWidth =500 باشد هنگامی که صفحه از 500 عریضتر شود این تریگر رخ می دهد. حالا که تریگر اضافه شده می تونیم بیایم تغییرات دلخواهمون رو اعمال کنیم توجه داشته باشید که تغییرات رو باید از پنجره ی properties انجام بدیم نه بصورت دستی از XAML! همین کار رو برای دو State دیگر نیز بصورت زیر انجام می دهیم : نکته ی تصویر بالا اینه که ما یه بار تیک رو میزنیم و دوباره برش می داریم تا ویژوال استودیو برای ما کد رو اضافه کنه که ما میخوایم تو این state این پراپرتی false باشه! دلیل اینکه تو تصویر بالا بجای 0 عدد 1 رو گذاشتم این بود که ویژوال استودیو اگر صفر بذاریم فکر میکنه مقدار نمی خواستیم بدیم و در نتیجه تریگر رو اضافه نمی کنه بنابرین 1 گذاشتم بعدا میتونید از خود XAML برید و صفر بذارید جاش خب حالا میایم به همین صورت یک VisualStateGroup دیگه برای اون سه تا مستطیل وسط میسازیم که دو تا State داشته باشه Vertical برای صفحه های کوچک و Horizontal برای صفحه های بزرگ من کد نهایی رو قرار میدم مراحل مثل قبل میمونه فقط پراپرتی Orientation از StackPanel رو اینبار تغییر دادیم: و نتیجه نهایی پایان!
  2. با سلام همانطور که میدانید مایکروسافت هم اکنون روی زبان طراحی جدیدی به نام نئون کار میکند که گرچه به صورت رسمی معرفی نشده است، اما چیز های زیادی از آن لو رفته است. امروز با آموزش پیاده سازی این زبان بر روی اپلیکیشن های یونیورسال در خدمت شما هستیم. نکته : ​این روش بر روی اپلیکیشن برین استودیو که اولین اپلیکیشن نئون موجود در استور است تست شده ​نکته 2: برای اجرای این رابط به بیلد رد استون 2 به بعد و برای توسعه نیاز به اس دی کی رد استون 2 نیار خواهید داشت. ابتدا این سمپل را بگیرید و اما روش پیاده سازی: ابتدا دو پروژه ی "SamplesNative" و "SamplesCommon" را به سولوشن خود اد میکنیم و پروژه ی خود را به آنها رفرنس میدهیم. سپس دو فایل موجود در پوشه ی Assets که در سمپل وجود دارد به نام های Noise.png و Noise.jpg را به پوشه ی Assets پروژه ی خود اضافه میکنیم. بعد از آن نیاز است ایمیج لودر را اینیشالایز کنیم. پس به کانستراکتور پیج اصلی میرویم و زیر اینیشالایز کامپوننت کد زیر را مینویسیم. ImageLoader.Initialize(ElementCompositionPreview.GetElementVisual(this).Compositor); و تقریبا تمام. ​حالا هرجا نیاز به رابط نئون داشتیم از کنترل های مورد نیاز استفاده میکنیم. مثال: xmlns:Neon="using:SamplesCommon" <Neon:HostBackDrop BlurAmount="30" /> در این کتابخانه کنترل های بسیاری وجود دارد. من جمله HostBackDrop که برای بلر کردن ویندوز استفاده میشود، BackDrop که برای بلر کرد اجزا در زمل استفاده می شود و مابقی کنترل ها که در Windows UI Dev Labs توضیح داده شده است. موید باشید
  3. با سلام خدمت دوستان عزیز روز زمستانی خوبی رو داشته باشید. امروز با آموزش یکی از مواردی در خدمتتون هستم که در زمینه ی UI/UX اپلیکیشن بسیار میتونه مفید واقع بشه. میانگین رنگ ! که توی یه سری اپ های مایکروسافت من جمله گروو میوزیک استفاده شده است. خب ! بریم سر اصل مطلب ​اول یک تابع درست میکنیم برای گرفتن پیکسل ها و ریترن کردن رنگ تولید شده. public Color GetPixel(byte[] pixels, int x, int y, uint width, uint height) { int i = x; int j = y; int k = (i * (int)width + j) * 4; var a = pixels[k + 3]; var r = pixels[k + 2]; var g = pixels[k + 1]; var b = pixels[k + 0]; return Color.FromArgb(a, r, g, ; } در تابع بعدی، کار ما اینه که عکس رو بگیریم، و میانگین رو در بیاریم بدین شکل : //تصویر مورد نظر گرفته می شود var random = await RandomAccessStreamReference.CreateFromUri(new Uri(ImageLink.Text, UriKind.RelativeOrAbsolute)).OpenReadAsync(); //محاسبه ی میانگین رنگی var bitmap = await BitmapDecoder.CreateAsync(random); var ba = (await bitmap.GetPixelDataAsync()).DetachPixelData(); Color tempColor; long sumA = 0, sumR = 0, sumG = 0, sumB = 0; for (int i = 0; i < bitmap.PixelHeight; i++) { for (int j = 0; j < bitmap.PixelWidth; j++) { tempColor = GetPixel(ba, 1, 1, Convert.ToUInt32(j), Convert.ToUInt32(i)); sumA += Convert.ToInt64(tempColor.A); sumR += Convert.ToInt64(tempColor.R); sumG += Convert.ToInt64(tempColor.G); sumB += Convert.ToInt64(tempColor.; } } ​// پس از محاسبه ی میانگین رنگ، به یک شی از نوع کالر مقدار دهی می شود Color result = new Color(); ​// توجه : a میزان پر رنگی رنگ محسوب می شود result.A = (byte)(sumA / (bitmap.PixelHeight * bitmap.PixelWidth)); result.R = (byte)(sumR / (bitmap.PixelHeight * bitmap.PixelWidth)); result.G = (byte)(sumG / (bitmap.PixelHeight * bitmap.PixelWidth)); result.B = (byte)(sumB / (bitmap.PixelHeight * bitmap.PixelWidth)); //پس زمینه را به رنگ میانگین ست می کنیم this.Background = new SolidColorBrush(result); خب تبریک میگم ! اینم یاد گرفتید =)) ​سورس کامل این آموزش رو در گیت هاب گذاشتم . دانلود منبع : همینجا موید باشید .
  4. سلام؛ من می خوام همچین چیزی رو ایجاد کنم اما به مشکل برخوردم: از ScrollViewer که استفاده می کنم، وب ویو به نمایش در نمیاد و اگر هم از ListView استفاده کنم، وب ویو رو هم باید اسکرول کنم و همچنین ارتفاعش بسیار اندک هست. راهکارتون برای این کار چیست؟ با تشکر
  5. با سلام، چطوری میتونم منو یا هر چیزی رو توی تایتل بار هم بیارم، مانند تصویر زیر:
  6. با سلام من میخام توی اپلیکیشنم یه رنگی رو درست کنم که مثلا به جای زدن #fdbd56 توی رنگ انتخاب کردم بزنم MyColor (مثل Red و ...) چه کار باید بکنم ؟
  7. با سلام، برای اجرای عکس های متحرک gif میتوانید به این روش عمل کنید. * ابتدا باید رفرنس XamlAnimatedGif رو ادد کنیم، برای این کار از منوی Project، گزینه Manage NuGet Packages... رو انتخاب کنید، بعدا در تب Browse بنویسید XamlAnimatedGif بعدش Install رو بزنین و صبر کنین تا نصب بشه. * دومین مرحله اضافه کردن فضای نام و استفاده از انیمیشن گیف در پروژه تان است. برای این کار به صفحه ای که مایلید انیمیشن گیف داشته باشید رفته و در قسمت بالا فضای نام زیر رو وارد کنید: xmlns:gif="using:XamlAnimatedGif" بعدش هم به Imageی برید که میخواهید سورسش رو گیف قرار بدید، و بنویسید: gif:AnimationBehavior.SourceUri="Assets/111.gif" که به جای 111.gif، آدرس عکس خودتونو بدین. امیدورام که به کارتون بیاد، با تشکر