Android 水平居中对齐布局中的两个文本视图

我需要水平对齐屏幕中央的两个

textview

。两个

文本视图

的字体大小不同

这是我的密码：

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="top|center_horizontal"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/progressstatus"
        android:layout_gravity="center_horizontal"
        android:textColor="#FFFFFF"
        android:textSize="50sp"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/percent"
        android:textColor="#CCCCCC"
        android:textSize="20sp" />

</LinearLayout>

现在，我的文本视图是左对齐的，两个视图显示的字体大小相同。

请试试这个

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:orientation="horizontal" >

<TextView
    android:id="@+id/progressstatus"
    android:textColor="#FFFFFF"
    android:textSize="50sp"
    android:gravity="center_vertical"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"/>

<TextView
    android:gravity="center_vertical"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:text="@string/percent"
    android:textColor="#CCCCCC"
    android:textSize="20sp" />

</LinearLayout>

试试这个

<?xml version="1.0" encoding="utf-8"?>
     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="top|center_horizontal"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/progressstatus"
            android:textColor="#FFFFFF"
            android:textSize="50sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
    android:text="@string/percent"
            android:textColor="#FFFFFF"
            android:textSize="20sp" />

    </LinearLayout>

---

您可以使用相对布局来完成上述操作。 请检查下面的代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

 <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:gravity="center_horizontal"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/progressstatus"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="75"
        android:textSize="20sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/percent"
        android:textSize="20sp" />
  </LinearLayout>

</RelativeLayout>

---

在xml文件中使用此代码

  <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/white_color" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:orientation="horizontal" >

            <TextView
                android:id="@+id/progressstatus"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:textColor="#FFFFFF"
                android:textSize="50sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/percent"
                android:textColor="#CCCCCC"
                android:textSize="20sp" />
        </LinearLayout>
    </RelativeLayout>

请使用此

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">                 

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical"
        android:padding="20dp" >

        <TextView
            android:id="@+id/progressstatus"
            android:layout_gravity="center_horizontal"
            android:textColor="#FFFFFF"
            android:textSize="50sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/percent"
            android:textColor="#CCCCCC"
            android:gravity="center"
            android:textSize="20sp" />

    </LinearLayout>

 </LinearLayout>

试试看：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/progressstatus"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center_vertical|right"
        android:text="75"
        android:textColor="#FFFF00"
        android:textSize="50sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center_vertical"
        android:text="%"
        android:textColor="#CCCCCC"
        android:textSize="20sp" />
</LinearLayout>

说明：我将父布局设置为包裹内容，这意味着父布局将根据子布局的高度包裹其高度。父级中有2个文本视图。一个字体较大，另一个字体较小。较大的字体大小的视图肯定比较小的视图具有更高的高度。因此，我设置了更大的高度来包装内容。现在，较小视图的高度为match_parent，这意味着较小视图将自身扩展到父视图的最大高度，该高度等于较大字体视图的高度。。所以，两者都是中心对齐的

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#31BBF9" >

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="top|center_horizontal"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/progressstatus"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="75"
        android:textColor="#FFFFFF"
        android:textSize="50sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:text="%"
        android:textColor="#FFFFFF"
        android:gravity="center_vertical"
        android:textSize="20sp" />

</LinearLayout>

输出

---

将testview的（%）

android:gravity=“center\u vertical”

更改为您的选择

您可以使用一个textview来完成

            <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@android:color/black"
                tools:context="com.example.demo.MainActivity$PlaceholderFragment" >

                <TextView android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/tv"
                    android:text="75%"
                    android:textSize="20sp"
                    android:gravity="top"
                    android:layout_centerHorizontal="true"/>
              </RelativeLayout>


        TextView textView = (TextView) findViewById(R.id.tv);
                Spannable span = new SpannableString(textView.getText());
                span = new SpannableString(textView.getText());
                span.setSpan(new CustomCharacterSpan(), 2, 3,
                        SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE);//u can use ur own ratio using another constructor
                textView.setText(span, TextView.BufferType.SPANNABLE);
                span.setSpan(new RelativeSizeSpan(3f), 0, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
                textView.setText(span);



    package com.example.demo;

    import android.text.TextPaint;
    import android.text.style.MetricAffectingSpan;

    public class CustomCharacterSpan extends MetricAffectingSpan {
    double ratio = 1.5;

    public CustomCharacterSpan() {
    }

    public CustomCharacterSpan(double ratio) {
        this.ratio = ratio;
    }

    @Override
    public void updateDrawState(TextPaint paint) {
        paint.baselineShift += (int) (paint.ascent() * ratio);
    }

    @Override
    public void updateMeasureState(TextPaint paint) {
        paint.baselineShift += (int) (paint.ascent() * ratio);
    }}

TextView TextView=（TextView）findViewById（R.id.tv）；
Spannable span=新的SpannableString（textView.getText（））；
span=新的SpannableString（textView.getText（））；
span.setSpan（新的CustomCharacterSpan（），2,3，
SPAN独家SPAN_独家SPAN_独家）//你可以使用另一个构造函数来使用你自己的比率
setText（span，textView.BufferType.SPANNABLE）；
span.setSpan（新的相对性span（3f），0，2，span可扩展。span_独占性span_独占性）；
setText（span）；
包com.example.demo；
导入android.text.TextPaint；
导入android.text.style.MetricAffectingSpan；
公共类CustomCharacterSpan扩展了MetricEffectingSpan{
双倍比率=1.5；
公共CustomCharacterSpan（）{
}
公共CustomCharacterSpan（双倍比率）{
这个比率=比率；
}
@凌驾
public void updateDrawState（TextPaint-paint）{
paint.baselineShift+=（int）（paint.ascent（）*比率）；
}
@凌驾
公共无效更新度量（TextPaint-paint）{
paint.baselineShift+=（int）（paint.ascent（）*比率）；
}}

如需进一步参考，请查看此链接

---

您正在给android:layout\u height=“match\u parent”。。我认为这是错误的。您应该在评论之前测试它；）好的，当然：）你做了一个水平的线性布局，在里面你做了两个文本视图，填满了他们需要的空间。但问题是文本视图中的文本位于它的左上角。通过在Textview中添加垂直重心，可以强制内部文本居中。match_父项设置为将textView的布局放置到适合其父项高度的位置。希望这对您有所帮助，为什么您在文本视图和父视图中都使用android:gravity=“center\u vertical”文本视图上的一个是必需的，但在父视图中，我可以说它是无用的垂直居中。我需要水平居中。垂直方向它将是顶部对齐的。@Ahmed：除了我的“%”符号（即第二个文本视图仍然垂直居中）之外，一切正常。我将如何使它像我所附图片中的上标一样？@Faheem:试着理解代码。从百分比文本视图中删除android:gravity=“center\u vertical”。它会对你有用：）布局和重量在这里毫无用处。这就是它。而且没有faizal，布局权重是必需的。我的第二个文本视图（%）没有显示。我也必须使用砝码吗？请注意，我的xml中还有一些其他布局。@Faheem请参阅我编辑的代码。在xml中复制并通过