Как сделать вертикальный центр двоеточия в TextView
у меня есть TextView
показывать время. Время обновляется каждую секунду.
я использовал шрифт DIN. Я установил TextView
выровнять по центру (по вертикали). Почему двоеточие совпадает с базовой линией? Кто знает, как решить эту проблему?
<TextView
android:id="@+id/time"
android:layout_width="wrap_content"
android:layout_height="48px"
android:layout_below="@id/temperature"
android:layout_centerHorizontal="true"
android:layout_marginBottom="-5px"
android:fontFamily="DIN"
android:gravity="center"
android:textColor="@color/white"
android:textSize="39px" />
3 ответов
Это способ по умолчанию, как шрифт отображает символ двоеточия. Невозможно изменить это, если вы не создадите отдельные текстовые представления для двоеточий. В качестве альтернативы вы можете использовать другой шрифт и проверить, действительно ли какой-либо из других шрифтов центрирует двоеточие chararacter. Для этого используйте следующее:
android:fontFamily="sans-serif" // roboto regular
android:fontFamily="sans-serif-light" // roboto light
android:fontFamily="sans-serif-condensed" // roboto condensed
android:fontFamily="sans-serif-thin" // roboto thin (android 4.2)
android:fontFamily="sans-serif-medium" // roboto medium (android 5.0)
для лучшего объяснения шрифтов, которые могут быть использованы, вы можете проверить официальная документация.
надеюсь, это поможет :)
можно было бы разделить весь TextView на 5 различных TextViews и добавить android:layout_marginTop="3px"
на тех, с номерами.
поскольку двоеточие-это такая простая форма, вы можете построить ее из меньших элементов, либо текстовых представлений, графических примитивов, либо просто двух представлений в вертикальном линейном макете.
например, начните с создания простой точки как фигуры drawable (точка.xml в папке drawable):
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="#ccc"/>
</shape>
создайте представление с этой возможностью рисования в качестве фона (clock_dot.XML в папке layout):
<?xml version="1.0" encoding="utf-8"?>
<View xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="3sp"
android:layout_height="3sp"
android:background="@drawable/dot"
android:layout_margin="3sp"
android:layout_weight="0" />
стек две точки, чтобы создать символ двоеточия (clock_colon.XML в папке layout):
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_gravity="center_vertical"
android:gravity="center_vertical"
android:layout_width="wrap_content"
android:layout_height="match_parent">
<include layout="@layout/clock_dot"/>
<include layout="@layout/clock_dot"/>
</LinearLayout>
создайте текстовое представление с двумя цифрами (clock_digits.XML-код):
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="0"
android:textColor="#ccc"
android:textSize="24sp"
android:text="12" />
затем создайте макет таймера из макета цифр и макета двоеточия:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:gravity="center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<include layout="@layout/clock_digits"/>
<include layout="@layout/clock_colon"/>
<include layout="@layout/clock_digits"/>
<include layout="@layout/clock_colon"/>
<include layout="@layout/clock_digits"/>
</LinearLayout>
получится что-то вроде этого: