فونت در کاتلین | استفاده از فونت سفارشی در کاتلین

5,0
Rated 5 out of 5
5 out of 5 stars (based on 1 review)
Excellent100%
Very good0%
Average0%
Poor0%
Terrible0%
سلام خدمت همه ی عزیزان سایت کد ایت ، در این جلسه از سری آموزش کاتلین ، قصد داریم نحوی به کار گیری فونت در کاتلین  را برای شما آموزش دهیم .

 فونت در کاتلین به چه صورت می باشد.

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

به کار گیری فونت در پروژه kotlin

ابتدا مثل آموزش های قبل یک پروژه باز کنید و اسم دلخواه خودتون را قرار دهید . بعد در نوار سمت چپی اندروید استودیو روی res راست کلیک کنید و مانند شکل زیر یک پوشه به اسم font اضافه کنید . و فونت های خودتون با پسوند ttf یا otf به پوشه font اضافه کنید.

ایجاد پوشه فونت در کاتلین

نحوی ایجاد پوشه فونت در کاتلین

البته من تعدادی از فونت های محبوب و پر طرفدار را در آخر پروژه برای شما می زارم تا دانلود کنید . بعد از کار های بالا کد های زیر تا در لایه Xml اکتیویتی خود اضافه کنید .

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center|top"
    android:orientation="vertical"
    tools:context=".font">

    <TextView
        android:id="@+id/font1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="استفاده ازفونت سفارشی در کاتلین"
        android:textColor="@color/black"
        android:textSize="25sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/font2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:text="استفاده ازفونت سفارشی در کاتلین"
        android:textColor="@color/black"
        android:textSize="25sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/font3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15sp"
        android:text="استفاده ازفونت سفارشی در کاتلین"
        android:textColor="@color/black"
        android:textSize="25sp"
        android:textStyle="bold" />
    <TextView
        android:id="@+id/font4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15sp"
        android:text="استفاده ازفونت سفارشی در کاتلین"
        android:textColor="@color/black"
        android:textSize="25sp"
        android:textStyle="bold" />
    <TextView
        android:id="@+id/font5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15sp"
        android:text="استفاده ازفونت سفارشی در کاتلین"
        android:textColor="@color/black"
        android:textSize="25sp"
        android:textStyle="bold" />
    <TextView
        android:id="@+id/font6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15sp"
        android:text="استفاده ازفونت سفارشی در کاتلین"
        android:textColor="@color/black"
        android:textSize="25sp"
        android:textStyle="bold" />
    <TextView
        android:id="@+id/font7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15sp"
        android:text="استفاده ازفونت سفارشی در کاتلین"
        android:textColor="@color/black"
        android:textSize="25sp"
        android:textStyle="bold" />
    <TextView
        android:id="@+id/font8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15sp"
        android:text="استفاده ازفونت سفارشی در کاتلین"
        android:textColor="@color/black"
        android:textSize="25sp"
        android:textStyle="bold" />

</LinearLayout>

بعد از این نوبت کد نویسی در بخش اکتیویتی می رسد . کار با فونت در kotlin خیلی خیلی آسان تر شده است و شما به راحتی و فقط با یک خط کد می توانید فونت خودتون رو برای هر ویجتی که دوست دارید استفاده کنید .

package com.example.retrofit

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.TextView
import androidx.core.content.res.ResourcesCompat

class font : AppCompatActivity() {
    lateinit var Text1: TextView
    lateinit var Text2: TextView
    lateinit var Text3: TextView
    lateinit var Text4: TextView
    lateinit var Text5: TextView
    lateinit var Text6: TextView
    lateinit var Text7: TextView
    lateinit var Text8: TextView
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_font)
        Text1=findViewById(R.id.font1)
        Text2=findViewById(R.id.font2)
        Text3=findViewById(R.id.font3)
        Text4=findViewById(R.id.font4)
        Text5=findViewById(R.id.font5)
        Text6=findViewById(R.id.font6)
        Text7=findViewById(R.id.font7)
        Text8=findViewById(R.id.font8)
        Text1.typeface = ResourcesCompat.getFont(this, R.font.lalezar)
        Text2.typeface = ResourcesCompat.getFont(this, R.font.vazir)
        Text3.typeface = ResourcesCompat.getFont(this, R.font.ziba)
        Text4.typeface = ResourcesCompat.getFont(this, R.font.far)
        Text5.typeface = ResourcesCompat.getFont(this, R.font.maktabr)
        Text6.typeface = ResourcesCompat.getFont(this, R.font.persian)
        Text7.typeface = ResourcesCompat.getFont(this, R.font.shams)
        Text8.typeface = ResourcesCompat.getFont(this, R.font.shia)

    }
}

ما میتونیم بدون کد های  بخش اکتیوتی نیز فونت خودمون رو برای ویجت های موردنظرمون ست کنیم برای این کار فقط کافیه تکه کد زیر را در داخل ویجت های خودتون در لایه XML قرار دهید .

 

در اینجا ما کارمون تموم شد. و به همین سادگی شما تونستید از فونت سفارشی در برنامه نویسی کاتلین خودتون استفاده کنید . خروجی کار به صورت زیر می باشد .

 

 

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]
اشتراک‌گذاری

فرشید حبیبی هستم . برنامه نویس موبایل، سئو و وردپرس همچنین علاقه مند به تولید محتوا در زمینه برنامه نویسی و تکنولوژی های روز دنیا.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *