如何在android中去除垂直旋转的文本视图中的多余空间

How to remove extra space in vertically rotated textview in android

提问人:Riskhan 提问时间:11/15/2023 更新时间:11/16/2023 访问量:45

问:

我创建了一个将 TextView 显示为垂直的活动。文本视图后有额外的空间。如何删除多余的空间。以下布局如下

<?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:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">

<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/Theme.MyApplication.AppBarOverlay">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/Theme.MyApplication.PopupOverlay"
        app:contentInsetLeft="0dp"
        app:contentInsetStart="0dp"
        app:contentInsetStartWithNavigation="0dp">

        <TextView
            android:id="@+id/app_mode"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="AppMod"
            android:textStyle="bold"
            android:rotation="-90"
            android:gravity="fill_vertical"
            android:includeFontPadding="false"
            android:background="@drawable/text_border"
            android:onClick="onAppModeChange"
            android:clickable="true"
            />

        <LinearLayout
            android:id="@+id/tbViewsLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">


            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:paddingLeft="5dp"
                android:paddingRight="5dp"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/tb_1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Line 1"
                    android:singleLine="true"
                    android:ellipsize="marquee"
                    android:marqueeRepeatLimit="marquee_forever"
                    android:focusableInTouchMode="true"
                    android:focusable="true"
                    android:textColor="@android:color/white"
                    android:textStyle="bold"
                    />

                <TextView
                    android:id="@+id/tb_2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="-5dp"
                    android:text="Line 2"
                    android:singleLine="true"
                    />

                <TextView
                    android:id="@+id/tb_3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="-5dp"
                    android:text="Line 3"
                    android:singleLine="true"
                    />

            </LinearLayout>
        </LinearLayout>

    </androidx.appcompat.widget.Toolbar>

</com.google.android.material.appbar.AppBarLayout>


</LinearLayout>

enter image description here

android-layout textview

评论


答:

0赞 Skizo-ozᴉʞS ツ 11/15/2023 #1

这是因为当您旋转 witdh 时,您有一些选择

  1. 您可以使用库来使用旋转布局
  2. 您可以更改您的宽度并添加所需的宽度以适合您的TextViewtextSize
  3. 创建自定义 VerticalTextView 或 VerticalTextView
  4. 删除旋转并将其添加为文本android:text="A\np\np\nM\no\nd\ne\nl"
0赞 Tohid Noori 11/16/2023 #2
  <LinearLayout
      android:id="@+id/tbViewsLayout"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:orientation="horizontal">


    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:orientation="vertical">

从第二个线性线性布局中删除 paddingLeft 属性