Блог

Главная - Вопросы по программированию - Android — Как показать повернутый текстовый вид в треугольнике

Android — Как показать повернутый текстовый вид в треугольнике

#java #android #xml #android-layout #kotlin

#java #Android #xml #android-макет #kotlin

Вопрос:

Дизайн

Я использую этот XML-код :

 <RelativeLayout
                    android:layout_width="50dp"
                    android:layout_height="50dp"
                    android:background="@drawable/bg_triangle_big_product"
                    android:visibility="@{viewModel.isBig == true ? View.VISIBLE : View.GONE}"
                    >
                    <TextView
                        android:layout_width="50dp"
                        android:layout_height="50dp"
                        android:text="@string/big_discount"
                        android:textSize="10sp"
                        android:paddingHorizontal="5dp"
                        android:rotation="-45"
                        fontPath="fonts/bebasneue_regular.ttf"
                        android:fontFamily="@font/bebasneue_regular"
                        android:gravity="center_horizontal|top"
                        android:lineSpacingExtra="-4dp"
                        android:ellipsize="end"
                        android:textColor="@color/white"
                        />
                </RelativeLayout>

но фоновый треугольник исправлен, при повороте текста отступы не корректируются в соответствии с треугольником. Текст торчит в первой строке.

Результат1 Результат2

Ответ №1:

 <TextView
            android:rotation="45"/>

Простое вращение поворачивает ваш текстовый вид, и о его разработке зависит от вас, либо используйте drawable.xml или любым другим способом, который вы сочтете нужным

Комментарии:

1. Я это знаю. Фоновый треугольник исправлен, при повороте текста отступы не корректируются в соответствии с треугольником. Текст торчит на первой строке

2. Мне понадобится изображение того, что вы описываете, поскольку я не понимаю, что вы имеете в виду

3. Почему бы вам не увеличить размер макета? Или просто переместите желтый фон, чтобы покрыть немного больше угла, чтобы весь текст мог поместиться? Или уменьшить размер шрифта?