آموزش برنامه نویسی اندروید | آموزش انیمیشن برای TextView در برنامه نویسی اندروید
سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش انیمیشن برای TextView در برنامه نویسی اندروید می پردازیم همانطور که قبلا هم گفتم استفاده درست از انیمیشن باعث متریال دیزاین شدن برنامه شما می شود پارامتر های زیادی برای متریال دیزاین هست که یکی از آنها استفاده از انیمیشن است در ادامه می توانید پیش نمایشی هایی از آن را مشاهده کنید با ما همراه باشید.
پیش نمایش
به خاطر حجم بالا از لینک های زیر استفاده کنید انواع مختلف آن را در زیر می توانید مشاهده کنید.
| نوع | # |
|---|---|
| Scale | لینک پیش نمایش |
| Evaporate | لینک پیش نمایش |
| Fall | لینک پیش نمایش |
| Line | لینک پیش نمایش |
| Typer | لینک پیش نمایش |
| Rainbow | لینک پیش نمایش |
| Fade | لینک پیش نمایش |
هر کدام از آنها یک کتاب خانه چداگانه دارد در زیر لیست هر کتاب خانه قرار دارد.
برای اضافه کردن آن وارد فایل Build.gradle از نوع Module شده و بسته به انتخاب شما کتاب خانه مورد نظر را نیز قرار دهید دقت کنید نوشته شده کدام کتاب خانه مربوط به کدام یک از آنها است و دقت کنید خط دوم در آنجا که نوشته شده است base library باید این خط در همه جا باشد یعنی شما مثلا خواستید از انیمیشن fade استفاده کنید باید خط دوم و و خط سوم را قرار دهید.
1 2 3 4 5 6 7 8 9 10 | String htextview_version = "0.1.1" compile "com.hanks:htextview-base:$htextview_version" // base library compile "com.hanks:htextview-fade:$htextview_version" // optional compile "com.hanks:htextview-line:$htextview_version" // optional compile "com.hanks:htextview-rainbow:$htextview_version" // optional compile "com.hanks:htextview-fade:$htextview_version" // optional compile "com.hanks:htextview-typer:$htextview_version" // optional compile "com.hanks:htextview-scale:$htextview_version" // optional compile "com.hanks:htextview-evaporate:$htextview_version" // optional compile "com.hanks:htextview-fall:$htextview_version" // optional |
سپس پروژه را sync کنید.
استفاده از انیمیشن Line
1 2 3 4 5 6 7 8 9 10 | <com.hanks.htextview.line.LineTextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="right" android:paddingRight="10dp" android:text="This is LineTextView\nToday is Monday" android:textSize="16sp" app:animationDuration="3000" app:lineColor="#1367bc" app:lineWidth="4dp"/> |
استفاده از انیمیشن fade
1 2 3 4 5 6 7 8 9 10 | <com.hanks.htextview.fade.FadeTextView android:layout_width="240dp" android:layout_height="150dp" android:gravity="left" android:letterSpacing="0.08" android:lineSpacingMultiplier="1.3" android:text="This is FadeTextView" android:textColor="#fff" android:textSize="20sp" app:animationDuration="1500"/> |
استفاده از انیمیشن typer
1 2 3 4 5 6 | <com.hanks.htextview.typer.TyperTextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="this is init sentence." app:charIncrease="3" app:typerSpeed="80"/> |
استفاده از انیمیشن Rainbow
1 2 3 4 5 6 7 8 | <com.hanks.htextview.rainbow.RainbowTextView android:layout_width="120dp" android:layout_height="wrap_content" android:gravity="right" android:text="this is init sentence" android:textSize="20sp" app:colorSpace="150dp" app:colorSpeed="4dp"/> |
استفاده از انیمیشن Scale
1 2 3 4 5 | <com.hanks.htextview.scale.ScaleTextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="this is init sentence" android:textSize="16sp"/> |
استفاده از انیمیشن evaporate
1 2 3 4 5 6 7 | <com.hanks.htextview.evaporate.EvaporateTextView android:layout_width="match_parent" android:layout_height="100dp" android:gravity="center" android:paddingTop="8dp" android:text="this is init sentence" android:textSize="20sp"/> |
استفاده از انیمیشن Fall
1 2 3 4 5 6 | <com.hanks.htextview.fall.FallTextView android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingBottom="20dp" android:text="this is init sentence" android:textSize="16sp"/> |
این آموزش هم به پایان رسید.
موفق و پیروز باشید.
سلام،ممنون از شما
زبان فارسی هم پشتیبانی می کنند یا خیر؟
سلام خواهش می کنم
بله پشتیبانی می شود.
سلام. عرض ادب
من همه این کارها رو انجام دادم اما افکتی دیده نمیشه و فقط متن ساده نمایش داده میشه.
راهنمایی میفرمایید باید چیکار کنم؟
علت نمایش ندادن افکت را برای دوست دیگر قرار دادم نظرات را مطالعه کنید.
نظرات کجا؟
آدرس میدین؟
سلام به خاطر جابه جای سایت بخشی از مطالب حذف شده است همانند زیر عمل کنید.
باید مقدار 100 کم کم اضافه شود.
متن تغییر نمیکند لطفا میتوانید کامل تر بگویید
با سلام خدمت شما مهندس
کتابخونه ها برای گریدل ناشناخته ان…
علامت $ در اسم کتابخانه ناشناخته است و گریدل ایراد میگیره و با حذف این علامت هم کتابخونه رو نمیشناسه
اگه امکانش هست راهنمایی بفرمایید.
سلام و دورد
به جای $htextview_version مقدار 0.1.1 را جایگزین کنید.
موفق باشید.
سپاس بی کران از راهنماییتون
سلام مجدد
بنده از انیمیشن scal استفاده کردم ولی خطای زیر رو داد:
java.lang.NullPointerException: Attempt to invoke virtual method ‘float android.text.Layout.getLineLeft(int)’ on a null object reference
تو سایت github یکی به همین مشکل خورده بود و یه نفر دیگه راه حل زیرو بهش پیشنهاد داده بود:
This happened to me because I was calling animateText() before the view was laid out.
To fix, basically do:
with(textView) {
post {
animateText(“Date Deanna for $1.99”)
}
}
ولی متد animateText برنامه من نمیشناسه…
نفهمیدم چطور راهنماییش کرده…
ممنون میشم راهنمایی کنید.
سلام کتابخانه منسوخ شده است.
با اینکه تعاریف اولیه داخل برنامه انجام شده…