只在其等寬字母寬度的步驟中居中文本視圖

Question

我試圖創建假LCD顯示。

應該存在一些正常的文字，呈現出一些數據，和背景，僞造的是LCD的外觀：

我寫了這個XML，對準對方的前3個TextViews。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/footer_linearLayout_footer_parent" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/dashboard_bottom_background" 
    android:gravity="center" 
    android:padding="3dip" > 

    <TextView 
     android:id="@+id/textView_heading" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerInParent="true" 
     android:ellipsize="none" 
     android:lines="1" 
     android:text="text" 
     android:textColor="@color/holo_blue_light" 
     android:textSize="28dip" /> 

    <TextView 
     android:id="@+id/textView_heading2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:alpha="0.15" 
     android:ellipsize="none" 
     android:gravity="center" 
     android:lines="1" 
     android:text="88888888888888888888888888888888888" 
     android:textColor="@color/holo_blue_light" 
     android:textSize="28dip" /> 

    <TextView 
     android:id="@+id/textView_heading3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:alpha="0.15" 
     android:gravity="center" 
     android:lines="1" 
     android:text="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" 
     android:textColor="@color/holo_blue_light" 
     android:textSize="28dip" /> 

</RelativeLayout> 

正常工作對某些情況下，但現在看，如果的最高觀的變化長度限制：Textlength會發生什麼：

的意見是沒有正確對齊任何更多，因爲只有上查看更改了它寬度，因此再次居中。

我所問的是，有居中一個TextView的可能性，但只有在使用monospace -font的一個字母的寬度的步驟

Answer 1

我認爲最好的辦法是使用TextView爲每個字符用可繪製的代表兩層「8」和「X」作爲背景。

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

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

     <TextView 
      android:id="@+id/char_0" 
      android:layout_width="0px" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:text="0" 
      android:textColor="@color/holo_blue_light" 
      android:textSize="28dip" 
      android:background="@drawable/lcd_char"/> 

     <!-- ... --> 
    </LinearLayout> 

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/textView_heading2" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="horizontal" > 

     <TextView 
      android:id="@+id/char_8_0" 
      android:layout_width="0px" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:alpha="0.15" 
      android:text="8" 
      android:textColor="@color/holo_blue_light" 
      android:textSize="28dip" 
      android:background="@drawable/lcd_char"/> 

     <!-- ... --> 
    </LinearLayout> 

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/textView_heading3" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="horizontal" > 

     <TextView 
      android:id="@+id/char_X_0" 
      android:layout_width="0px" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:alpha="0.15" 
      android:text="X" 
      android:textColor="@color/holo_blue_light" 
      android:textSize="28dip" 
      android:background="@drawable/lcd_char"/> 

     <!-- ... --> 
    </LinearLayout> 
</merge> 

所以在onCreate（）方法可以檢索這樣都導致字符：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/textView_heading" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" > 

    <TextView 
     android:id="@+id/char_0" 
     android:layout_width="0px" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:gravity="center" 
     android:text="0" 
     android:textColor="@color/holo_blue_light" 
     android:textSize="28dip" 
     android:background="@drawable/lcd_char"/> 

    <TextView 
     android:id="@+id/char_1" 
     android:layout_width="0px" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:gravity="center" 
     android:text="1" 
     android:textColor="@color/holo_blue_light" 
     android:textSize="28dip" 
     android:background="@drawable/lcd_char"/> 

    <!-- ... --> 

    <TextView 
     android:id="@+id/char_n" 
     android:layout_width="0px" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:gravity="center" 
     android:text="n" 
     android:textColor="@color/holo_blue_light" 
     android:textSize="28dip" 
     android:background="@drawable/lcd_char"/> 
</LinearLayout> 

但是，如果你願意，你也可以以這種方式使用三橫LinearLayout每層：

TextView[] lcdChars = new TextView[3/*lcd size*/]; 
for (int i = 0; i < lcdChars.length; i++) { 
    int resID = getResources().getIdentifier("char_"+i, "id", getPackageName()); 
    lcdChars[i] = (TextView) findViewById(resID); 
} 

然後設置你想要的文字，像這樣的方法：

private void setLCDText(char[] chars){ 
    for (int i = 0; i < lcdChars.length; i++) { 
     if(i < chars.length){ 
      lcdChars[i].setText(chars, i, 1); 
     }else{ 
      lcdChars[i].setText(""); 
     } 
    } 
}