پیاده سازی انیمیشن صفحه لاگین

آموزش Flutter - قسمت 37
زمان قرارگیری : 23 آذر 1397
زمان این قسمت : 31:10
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید و این دوره بخشی از دوره های اعضای ویژه نمیباشد

تعداد شرکت کنندگان 837 نفر
قیمت دوره 139000 تومان
وضعیت دوره تکمیل شده
زمان کل دوره 30:03:58
تعداد قسمت‌ها 72
نوع دسترسی نقدی

در جلسه گذشته صفحه ورود را پیاده سازی کردیم در این جلسه قصد دارم انیمیشنی با دو هدف در این صفحه قرار دهم ، هدف اول یادگیری بهتر کار با انیمیشن ها و هدف دوم بهترکردن تجربه کاربری برای استفاده از اپلیکیشن . 

پیاده سازی انیمیشن صفحه لاگین

رایگان 11:30
09:07
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید و این دوره بخشی از دوره های اعضای ویژه نمیباشد

تعداد شرکت کنندگان 837 نفر
قیمت دوره 139000 تومان
وضعیت دوره تکمیل شده
زمان کل دوره 30:03:58
تعداد قسمت‌ها 72
نوع دسترسی نقدی

آفلاین
user-avatar
مدرس دوره حسام موسوی

اول داستان، طراح گرافیک بودم و ۲ سالی به عنوان طراح مشغول بودم، بعد به برنامه‌نویسی علاقمند شدم و الان بیشتر از ۱۰ ساله که عاشق کدزنی و چالش‌های پروژه‌های مختلفم. به تدریس علاقه خاصی دارم و دوست دارم دانشی که در این راه بدست آوردم را در اختیار دیگران هم قرار بدم. 

سوالات و گفتگو‌ها

سوالات و گفتگو‌ها

اگر سوال و مشکلی یا حتی بحثی در یکی از حوزه‌های برنامه‌نویسی دارید این بخش به شما کمک ویژه‌ای خواهد کرد

دورهای پیشنهادی

مشاهده همه دوره ها
آموزش گیت و گیت هاب

آموزش گیت و گیت هاب

گیت و گیت هاب چی هستن ؟ دقیقا در این دوره هر دوی اینها رو یاد میگیرید و میفهمید که این دو ، چه معجزه عالی در دنیای برنامه نویسین. شاید خیلی از شماهای...

آموزش کامل Flexbox

آموزش کامل Flexbox

فلکس باکس یا بگذارید بهتر بگوییم Flexbox، مجموعه ای از دستورات یا یک ماژول به حساب می آید که طراحان با استفاده از آنها میتوانند Layoutهای قابل انعطاف...

آموزش کامل sass

آموزش کامل sass

SASS مخفف Syntactically Awesome Style Sheets و یک زبان پیش پردازنده برای تولید کد Css است. این زبان به هیچ عنوان جایگزین Css محسوب نمی شود و می توان آ...

دوره کار با phpstorm

دوره کار با phpstorm

JetBrains PhpStorm یک محیط توسعه‌ی زبان برنامه‌نویسی PHP بوده که بر پایه‌ی پلت‌فرم JetBrains IntelliJ IDEA طراحی شده است و تقریبا همه‌ی امکانات JetBra...

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر لازم است ابتدا وارد سایت شوید
آفلاین
user-avatar
peyman khosravi
3 ماه پیش

مهندس مشکل قبلی رفع شد فقط الان دکمه ورود لودینگ انجام داده ولی رو همون لودینگ میمونه یعنی بززگ نمیشه کل صفحه بگیره نکته مهم اینه که این برنامه روی اندرید استدیو و ماشین مجازی درست ولی وقتی apk تولید مینکم رو موبایل شخصی نصب میکنم این مشکل داره رو 2تا موبایل چک کردم به نظرتون تغییر سایز یا کار دیگه نباید بکنم؟

آفلاین
user-avatar
حسام موسوی
3 ماه پیش

بستگی به سازی اون تلفن‌های همراه داره و اینکه ورژن اندروید اونها چند هست ؟

آفلاین
user-avatar
peyman khosravi
3 ماه پیش

سایز 6.5 و 6 به بالا و اندروید 9 گوشی a50 samsung الان باید تغیرات تو سایز انمیشن بدم؟

آفلاین
user-avatar
حسام موسوی
3 ماه پیش

هیچ اتفاقی تو این دیوایس‌ها نمی افته ؟ سعی کنید sdk نسخه‌های گوشی‌های مورد نظر رو در برای اندروید استودیو دانلود کنید و در شبیه سازی با سایز گوشی‌ها مورد نظر پیاده کنید و ببینید چی میشه

آفلاین
user-avatar
peyman khosravi
3 ماه پیش

نه فقط دکمه به حالت لودینگ میره یعنی کوچیک میشه گرد مییشه دیگه بزرگ نمیشه به مرحله بعدی بره دقیقا همون sdkاستفاده کردم بروی اندروید استدیو مشکلی نداره ولی موبایل همچنان درست کار نمیکنه

آفلاین
user-avatar
حسام موسوی
3 ماه پیش

بنظرم از طریق اندروید استودیو در گوشی مورد نظر اجرا کنید و لاگ ها رو بررسی کنید ببینید اروری نداشته باشید

آفلاین
user-avatar
peyman khosravi
3 ماه پیش

ممنون از پاسخگویی

آفلاین
user-avatar
peyman khosravi
4 ماه پیش

سلام تو این قسمت وقتی رو دکمه ورود کلیک میکنم وقتی کوچیک میشه و لود میخواد انجام بده که بعد کل صفحه بگیره این ارور میده type '_Type' is not a subtype of type 'Widget'
در کلاسsingin_animation.dart
ممنون میشم راهتمایی کنید

آفلاین
user-avatar
حسام موسوی
4 ماه پیش

لطفا ارور کامل تر بفرستید که بشه یه چیزهای فهمید ازش

آفلاین
user-avatar
hamed good
1 سال پیش

سلام اقای موسوی کتباخانه Lottie برای انمیشن در فلاتر میشه کار کرد

آفلاین
user-avatar
حسام موسوی
1 سال پیش

چک کنید پکیجی براش هست یا خیر

آفلاین
user-avatar
iranrobo
1 سال پیش

سلام ممنون اینقدر پرینت گرفتم که مشکلمو تونستم حل کنم.
ممنون از راهنمایی خوبتون

آفلاین
user-avatar
iranrobo
1 سال پیش

عذر خواهم نمیدونم چرا خطای زیر رو میده، تک تک کدهاشو چک کردم

 'package:flutter/src/animation/curves.dart': Failed assertion: line 134 pos 12: 'begin <= 1.0': is not true.
آفلاین
user-avatar
iranrobo
1 سال پیش

سلام وقت بخیر میشه بگین مشکل این کدها چیه؟ چن بار چک کردم نمیدونم چرا خطا میده


    return buttonOutZoom.value >= 300
        ? new Container(
      margin: const EdgeInsets.only(bottom: 30),
      width: 230,
      height: 60,
      alignment: Alignment.center,
      decoration: new BoxDecoration(
          color: new Color(0xff075E54),
          borderRadius: new BorderRadius.all(const Radius.circular(30))
      ),
      child: new Text('ورود',
        style: TextStyle(
            fontSize: 20,
            fontWeight: FontWeight.w300,
            color: Colors.white
        ),
      ),
    )
        : new Container(
      width: buttonOutZoom.value,
      height: buttonOutZoom.value,
      decoration: new BoxDecoration(
          shape: buttonOutZoom.value < 500
              ? BoxShape.circle
              : BoxShape.rectangle
      ),
    );
  }```
آفلاین
user-avatar
حسام موسوی
1 سال پیش

با print لاگ بگیرید ببینید مقدارش چرا چیه برای مثال

buttonOutZoom.value >= 300
آفلاین
user-avatar
کاسپین
2 سال پیش

سلام مهندس.
تو قسمت انیمیشن برای صفحه لاگین چرا مقدار شروع و پایان را برابر 70 و 1000 قرار دادید و اینکه می شود مقادیر دیگری قرار داد؟

buttonZoomOut = new Tween(begin: 70.0, end: 1000.0).animate(
            new CurvedAnimation(
                parent: controller,
                curve: Interval(0.550, 0.999, curve: Curves.bounceOut)))
آفلاین
user-avatar
حسام موسوی
2 سال پیش

سلام این بستگی به انیمیشن شما داره

آفلاین
user-avatar
حسن
2 سال پیش

سلام جناب موسوی خسته نباشین ببخشید یه سوال داشتم اونم اینه که من اگه بخوام buttonSqueezeAnimation خودمو خارج از متد سازنده به conroller دسترسی ندارم اینم قسمتی از کد هامه

'''

Animation<double> controller;

SingInAnimation({controller}) {
this.controller = controller;
}

Animation<double> buttonSqueezeAnimation = new Tween(begin: 280.0, end: 60.0)
.animate(
new CurvedAnimation(parent: controller, curve: Curves.linear));

'''

آفلاین
user-avatar
حسام موسوی
2 سال پیش

سلام من متوجه مشکلتون نشدم
در ضمن باید از سه backtike باز و بسته استفاده کنید برای قرار دادن کد نه از کوتیشن

آفلاین
user-avatar
محمد توانگر
2 سال پیش

سلام آقای موسوی در ابتدای دوره سایت فلاتر رو که باز کردین از نمونه اپ هایی که بود و انیمیشن های زیبایی هم داشت گفتین یکی رو پیاده سازی میکنید به نظرم تا در قیمت انیمیشن ها هستیم بهتره اینکار انجام بشه و یک سوال دیگه هم داشتم الان صفحه لاگین با انیمیشن اوکی شد حالا میخوایم صفحه اصلی (چت ها ) رو نمایش بدیم باید نویگیشن کنیم یا باید توی کانتینری که باز میشه و بزرگ میشه نمایش بدیم ؟

آفلاین
user-avatar
حسام موسوی
2 سال پیش

سلام کدوم جلسه و کدوم نمونه اپ ها رو میگید .
تا این جلسه هر اطلاعاتی مربوط به انیمیشن ها نیاز بود با مثال های مختلف گفته هر مثالی هم ببینید با همین موارد بازی میکنن.
در مورد سوال اخر در جلسات آینده همین کارو میکنیم و شما میفهمید از کدوم راه

آفلاین
user-avatar
محمد توانگر
2 سال پیش

صفحه ابتدایی فلاتر چنتا اپ نمونه هست در حال انیمیشن اگر اشتباه نکنم گفتین Native Performance رو پیاده سازی میکنید

آفلاین
user-avatar
حسام موسوی
2 سال پیش

در صورت امکان قسمت مورد نظر و دقیقه مورد نظر رو بفرمایید

آفلاین
user-avatar
محمد توانگر
2 سال پیش

بررسی کردین ؟
قسمت 15 دقیقه 13 بود

آفلاین
user-avatar
حسام موسوی
2 سال پیش

سلام بله بررسی کردیم
فعلا در مورد انیمیشن ها صحبت کردیم . بعد از پایان دوره اگر فرصت بشه این موضوع رو هم آموزش میدیم بشکل جداگانه ولی در کل از همین مواردی که آموزش دادیم استفاده میشه تا چنین طرح های بوجود بیاد .

آفلاین
user-avatar
mehrdad bokharaei
2 سال پیش

با سلام و احترام
ممنون بابت زحماتتون
در آموزش‌ها نحوه اتصال به وب سرویس‌های مختلف رو در صورت امکان بررسی کنید و همچنین در پایان یک پروژه صفر تا صد خوب رو هم تعریف کنید ممنون میشم
با تشکر

آفلاین
user-avatar
حسام موسوی
2 سال پیش

سلام دوره صفر تا صد چی داره که تا همین الان پیاده اش نکردیم ؟ خوب همین پروژه هست که داریم روش کار میکنیم .
و اینکه در مورد اتصال به وب سرویس در جلسات توضیح دادم که کی در موردش صحبت میکنم !

آفلاین
user-avatar
mehrdad bokharaei
2 سال پیش

منظوری نداشتم قربان
همینکه وقت میزارید عاااالیه
منظورم ی پروژه بهم پیوسته بشه در نهایت و من تازه شرورع کردم به دیدن دوره هاتون و فقط پیشنهاد بود
و اینکه بابت وب سرویس ها هم از همین الان ممنونم

آفلاین
user-avatar
حسام موسوی
2 سال پیش

یه وقت خدایی نکرده لحن پیام رو بشکل عصبانیت مطالعه نکنید .
باید امکان ارسال ویس برای نظرات قرار بدم 😂
در کل منظورم این بود که همه چی گفته میشه شما پیش بیاید میفهمید چی به چیه

آفلاین
user-avatar
mehrdad372
2 سال پیش

سلام وقت بخییر ببخشید در خصوص کار با AR یا واقعیت افزوده در کنفرانس اخیر گوگل صحبت شد من سرچ کردم در فلاتر چیزی پیدا نکردم
ممنون میشم اگه منبعی دارید در این خصوصی معرفی کنید
ببخشید آموزش سرور و دیتایس کی بهش می رسیم؟
آیا دیتابیس اینجا sqlite می باشد؟

آفلاین
user-avatar
حسام موسوی
2 سال پیش

سلام در جلسات توضیح دادم کی به آموزش سرور و دیتابیس میرسیم
بله روش استفاده از sqlite هم خواهم گفت .
در مورد AR ارائه شد اگر محتوای اطلاع رسانی میکنیم