Can not handle font size in all screen size

Question

I am building an Android application that will work on all screen sizes, I am using sp for the text size but there is a problem with the font size on different android screens.

The attached photo for a tablet 10 inch, can anyone help me?

screenshot:

screenshot

<?xml version="1.0" encoding="utf-8"?>
    <android.support.constraint.ConstraintLayout 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">

// In this TesxtView i used sp instead of dp.

    <TextView
        android:id="@+id/username"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/_6sdp"
        android:layout_marginEnd="@dimen/_6sdp"
        android:layout_marginLeft="@dimen/_6sdp"
        android:layout_marginRight="@dimen/_6sdp"
        android:layout_marginStart="@dimen/_6sdp"
        android:layout_marginTop="@dimen/_110sdp"
        android:text="Username"
        android:textAlignment="center"
        android:textColor="#FFFFFF"
        android:textSize="18sp"
        app:layout_constraintEnd_toEndOf="@+id/rectangle_login"
        app:layout_constraintLeft_toLeftOf="@+id/rectangle_login"
        app:layout_constraintRight_toRightOf="@+id/rectangle_login"
        app:layout_constraintStart_toStartOf="@+id/rectangle_login"
        app:layout_constraintTop_toTopOf="@+id/rectangle_login" />


</android.support.constraint.ConstraintLayout>

score 3 · Answer 1 · answered Sep 13 '17 at 04:42

3

Create folder for different size and create dimen file inside that folder. (as per screen size)

values

values-small

values-normal

values-large

values-xlarge

answered Sep 13 '17 at 04:42

Zezariya Nilesh

390
2
14

Akshay Raiyani · Accepted Answer · 2017-09-13T05:14:07.983

1

Use this library for set text size in sp https://github.com/intuit/ssp

<TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/action_cancel"
            android:textColor="@color/purple_light"
            android:textSize="@dimen/_12ssp"
            app:font="@{`hnc_roman`}"
            app:layout_constraintEnd_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            android:id="@+id/text_view_cancel"
            android:onClick="@{v -> viewModel.onCancelClick(v)}"
            tools:ignore="MissingConstraints" />

edited Sep 13 '17 at 05:14

answered Sep 13 '17 at 04:50

Akshay Raiyani

1,086
7
19

Please add some sample code/example to supplement your answer. Currently this is Link Only answer. See https://meta.stackexchange.com/questions/8231/are-answers-that-just-contain-links-elsewhere-really-good-answers – Abdul Rauf Sep 13 '17 at 04:58

score 0 · Answer 3 · answered Sep 13 '17 at 04:02

For different text sizes, try using

android:textAppearance="@android:style/TextAppearance.DeviceDefault.Large"
android:textAppearance="@android:style/TextAppearance.DeviceDefault.Small"
android:textAppearance="@android:style/TextAppearance.DeviceDefault.Medium"

You have the options of small, medium and large here. I believe that this would give you more consistency but this is a very vast topic. I would refer you to go through Documentation. Helpful Link https://material.io/guidelines/style/typography.html

score -1 · Answer 4 · answered Sep 13 '17 at 04:37

You must set your size of a text in SP
Extract all those SPs in your application to dimen folder (simply press alt+enter combination, when hover cursor on the SP)
Create different dimen folders for different screen sizes. You can do it manually or use this plugin. The trick is in next : your sp will be in dimen folder. Creating different screen folders plugin i link to autogenerates alternative values to all the dimens

Can not handle font size in all screen size

4 Answers4