کتابخونه ساخت متن دایره ای با TextArc
14 بهمن 1399 1399-11-14 12:59کتابخونه ساخت متن دایره ای با TextArc
کتابخونه ساخت متن دایره ای با TextArc
امروز یه کتابخونه خیلی خوب و جذاب واسه نوشته ها رو میخوام معرفی کنم.
با این کتابخونه خیلی راحت میتونی نوشته هات رو قوس بدی، یا حتی میتونی دایره شون کنی.
کار با این کتابخونه خیلی خیلی راحته و واقعا هیچ سختی نداره.
قبل از اینکه بریم سراغ آموزش، اول دمو کتابخونه رو ببین تا بهتر بتونی منظورم رو متوجه بشی که این کتابخونه قراره چه چیزی رو برامون درست کنه.
دمو کتابخونه :
خب حالا که دمو رو دیدی دیگه بریم سراغ آموزش.
اول از همه کد زیر رو به app/build.gradle اضافه کن
implementation 'io.github.a.lab.develop:textarc:1.0.4'
بعد از اینکه این Dependency رو اضافه کردی، حالا روی Sync بزن تا کتابخونه به پروژه ات اضافه بشه.
راستی یادت باشه که MinSDK این کتابخونه 23 هستش.
بعد از اینکه پروژه با موفقیت Sync شد، حالا میتونی ازش توی پروژه به 2 صورت استفاده کنی.
- به صورت XML
- به صورت Java یا Kotlin
هیچ فرقی نمیکنه که از کدوم استفاده کنی.
نیازی هم نیست که کد جاوا یا کاتلین رو اضافه کنی، از XML هم به تنهایی میتونی استفاده کنی.
کد مربوط به XML :
<com.a_lab.textarc.TextArc android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" app:center_angle="-90" app:font_family="@font/iran_sans" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:radius="80dp" app:text="متن نمونه برای تست کردن حالت دایره ای" app:text_color="@color/yellow" app:text_size="22sp" />
کد مربوط به کاتلین :
val textArc = TextArc(this) textArc.setText("متن نمونه برای تست کردن حالت دایره ای") textArc.setRadius(255) textArc.setCenterAngle(-90) textArc.setTextColor(R.color.blue) textArc.setTextSize(72) textArc.setFontFamily(ResourcesCompat.getFont(this, R.font.iran_sans))
کد مربوط به جاوا :
TextArc textArc = new TextArc(this); textArc.setText("متن نمونه برای تست کردن حالت دایره ای"); textArc.setRadius(255); textArc.setCenterAngle(-90); textArc.setTextColor(R.color.blue); textArc.setTextSize(72); textArc.setFontFamily(ResourcesCompat.getFont(this, R.font.iran_sans));
به همین راحتی میتونی از یکی از کدها بالا استفاده کنی و متن ها رو قوس بدی یا دایره ش کنی.
توضیحات مربوط به Attribute ها :
توضیحات | Attribute |
درجه گرد بودن | app:center_angle |
اعمال فونت مورد نظر | app:font_family |
اندازه گرد بودن | app:radius |
نمایش متن | app:text |
رنگ متن | app:text_color |
سایز متن | app:text_size |