24
有沒有辦法調整Android TextView中的字符間距？我相信這通常被稱爲「kerning」。如何在Android TextView中調整文字字距？
我知道android:textScaleX屬性，但會壓縮字符以及間距。
A
回答
11
AFAIK，您無法調整TextView中的字距。如果您使用2D圖形API自行繪製Canvas上的文本，則可以調整字距調整。
1
您也可以嘗試使用SpannedString但你需要分析它，並改變每個詞語
3
我發現調整字距的唯一途徑字符間距，是創建一個自定義的字體中字形提前被改變。
60
我構建了一個擴展TextView的自定義類，並添加了一個方法「setSpacing」。解決方法與@Noah所說的類似。該方法在字符串的每個字母之間添加一個空格，並用SpannedString更改空格的TextScaleX，從而允許正負間距。
希望幫助別人^^
/**
* Text view that allows changing the letter spacing of the text.
*
* @author Pedro Barros (pedrobarros.dev at gmail.com)
* @since May 7, 2013
*/
import android.content.Context;
import android.text.Spannable;
import android.text.SpannableString;
import android.text.style.ScaleXSpan;
import android.util.AttributeSet;
import android.widget.TextView;
public class LetterSpacingTextView extends TextView {
private float spacing = Spacing.NORMAL;
private CharSequence originalText = "";
public LetterSpacingTextView(Context context) {
super(context);
}
public LetterSpacingTextView(Context context, AttributeSet attrs){
super(context, attrs);
}
public LetterSpacingTextView(Context context, AttributeSet attrs, int defStyle){
super(context, attrs, defStyle);
}
public float getSpacing() {
return this.spacing;
}
public void setSpacing(float spacing) {
this.spacing = spacing;
applySpacing();
}
@Override
public void setText(CharSequence text, BufferType type) {
originalText = text;
applySpacing();
}
@Override
public CharSequence getText() {
return originalText;
}
private void applySpacing() {
if (this == null || this.originalText == null) return;
StringBuilder builder = new StringBuilder();
for(int i = 0; i < originalText.length(); i++) {
builder.append(originalText.charAt(i));
if(i+1 < originalText.length()) {
builder.append("\u00A0");
}
}
SpannableString finalText = new SpannableString(builder.toString());
if(builder.toString().length() > 1) {
for(int i = 1; i < builder.toString().length(); i+=2) {
finalText.setSpan(new ScaleXSpan((spacing+1)/10), i, i+1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
}
}
super.setText(finalText, BufferType.SPANNABLE);
}
public class Spacing {
public final static float NORMAL = 0;
}
}
使用它：
LetterSpacingTextView textView = new LetterSpacingTextView(context);
textView.setSpacing(10); //Or any float. To reset to normal, use 0 or LetterSpacingTextView.Spacing.NORMAL
textView.setText("My text");
//Add the textView in a layout, for instance:
((LinearLayout) findViewById(R.id.myLinearLayout)).addView(textView);
+1
這太棒了！ Thankyou爲此，它真的幫了我 – 2013-05-15 00:12:00
+0
此代碼適用於減少字母間距，但不幸的是它打破了我的文字包裝。 – 2013-07-09 12:33:15
+5
用無間斷空間替換builder.append（「」）builder.append（「\ u00A0」）解決了問題。感謝代碼！ – 2013-07-10 05:15:05
13
如果有人正在尋找一種簡單的方式，而不使用字距適用於任何字符串（技術上，CharSequence） TextView：
public static Spannable applyKerning(CharSequence src, float kerning)
{
if (src == null) return null;
final int srcLength = src.length();
if (srcLength < 2) return src instanceof Spannable
? (Spannable)src
: new SpannableString(src);
final String nonBreakingSpace = "\u00A0";
final SpannableStringBuilder builder = src instanceof SpannableStringBuilder
? (SpannableStringBuilder)src
: new SpannableStringBuilder(src);
for (int i = src.length() - 1; i >= 1; i--)
{
builder.insert(i, nonBreakingSpace);
builder.setSpan(new ScaleXSpan(kerning), i, i + 1,
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
}
return builder;
}
3
這是我的解決方案，在每個字符之間添加均勻的間距（以像素爲單位）。該跨度假定所有文本都在一行中。這基本上實現了@commonsWare的建議。
SpannableStringBuilder builder = new SpannableStringBuilder("WIDE normal");
builder.setSpan(new TrackingSpan(20), 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
...
private static class TrackingSpan extends ReplacementSpan {
private float mTrackingPx;
public TrackingSpan(float tracking) {
mTrackingPx = tracking;
}
@Override
public int getSize(Paint paint, CharSequence text,
int start, int end, Paint.FontMetricsInt fm) {
return (int) (paint.measureText(text, start, end)
+ mTrackingPx * (end - start - 1));
}
@Override
public void draw(Canvas canvas, CharSequence text,
int start, int end, float x, int top, int y,
int bottom, Paint paint) {
float dx = x;
for (int i = start; i < end; i++) {
canvas.drawText(text, i, i + 1, dx, y, paint);
dx += paint.measureText(text, i, i + 1) + mTrackingPx;
}
}
}
0
還有@Pedro Barros的小編輯回答。如果使用SpannableString來設置它，則很有用。如果你想使某些字符不同的顏色：
private void applySpacing() {
SpannableString finalText;
if (!(originalText instanceof SpannableString)) {
if (this.originalText == null) return;
StringBuilder builder = new StringBuilder();
for (int i = 0; i < originalText.length(); i++) {
builder.append(originalText.charAt(i));
if (i + 1 < originalText.length()) {
builder.append("\u00A0");
}
}
finalText = new SpannableString(builder.toString());
} else {
finalText = (SpannableString) originalText;
}
for (int i = 1; i < finalText.length(); i += 2) {
finalText.setSpan(new ScaleXSpan((spacing + 1)/10), i, i + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
}
super.setText(finalText, TextView.BufferType.SPANNABLE);
}
0
我想用@PedroBarros答案，但通過定義的間距應該在什麼像素。
這裏是我的編輯到applySpacing方法：
private void applySpacing() {
if (this == null || this.originalText == null) return;
Paint testPaint = new Paint();
testPaint.set(this.getPaint());
float spaceOriginalSize = testPaint.measureText("\u00A0");
float spaceScaleXFactor = (spaceOriginalSize > 0 ? spacing/spaceOriginalSize : 1);
StringBuilder builder = new StringBuilder();
for(int i = 0; i < originalText.length(); i++) {
builder.append(originalText.charAt(i));
if(i+1 < originalText.length()) {
builder.append("\u00A0");
}
}
SpannableString finalText = new SpannableString(builder.toString());
if(builder.toString().length() > 1) {
for(int i = 1; i < builder.toString().length(); i+=2) {
finalText.setSpan(new ScaleXSpan(spaceScaleXFactor), i, i+1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
}
}
super.setText(finalText, BufferType.SPANNABLE);
}
我是一個初學者的Android開發人員，請隨時讓我知道這是不好的！
1
此答案對於想要在Canvas上繪製文本並使用drawText（這不是TextView中的文本）的人有幫助。
由於棒棒糖，Paint的方法setLetterSpacing可用。如果SDK是LOLLIPOP，則使用setLetterSpacing。否則，會調用類似於上面的@ dgmltn建議的方法：
if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.LOLLIPOP) {
paint.setLetterSpacing(-0.04f); // setLetterSpacing is only available from LOLLIPOP and on
canvas.drawText(text, xOffset, yOffset, paint);
} else {
float spacePercentage = 0.05f;
drawKernedText(canvas, text, xOffset, yOffset, paint, spacePercentage);
}
/**
* Programatically drawn kerned text by drawing the text string character by character with a space in between.
* Return the width of the text.
* If canvas is null, the text won't be drawn, but the width will still be returned
* kernPercentage determines the space between each letter. If it's 0, there will be no space between letters.
* Otherwise, there will be space between each letter. The value is a fraction of the width of a blank space.
*/
private int drawKernedText(Canvas canvas, String text, float xOffset, float yOffset, Paint paint, float kernPercentage) {
Rect textRect = new Rect();
int width = 0;
int space = Math.round(paint.measureText(" ") * kernPercentage);
for (int i = 0; i < text.length(); i++) {
if (canvas != null) {
canvas.drawText(String.valueOf(text.charAt(i)), xOffset, yOffset, paint);
}
int charWidth;
if (text.charAt(i) == ' ') {
charWidth = Math.round(paint.measureText(String.valueOf(text.charAt(i)))) + space;
} else {
paint.getTextBounds(text, i, i + 1, textRect);
charWidth = textRect.width() + space;
}
xOffset += charWidth;
width += charWidth;
}
return width;
}
0
還有一個解決方案。
public static SpannableStringBuilder getSpacedSpannable(Context context, String text, int dp) {
if (text == null) return null;
if (dp < 0) throw new RuntimeException("WRONG SPACING " + dp);
Canvas canvas = new Canvas();
Drawable drawable = ContextCompat.getDrawable(context, R.drawable.pixel_1dp);
Bitmap main = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
canvas.setBitmap(main);
drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
drawable.draw(canvas);
SpannableStringBuilder builder = new SpannableStringBuilder();
char[] array = text.toCharArray();
Bitmap bitmap = Bitmap.createScaledBitmap(main, dp * main.getWidth(), main.getHeight(), false);
for (char ch : array) {
builder.append(ch);
builder.append(" ");
ImageSpan imageSpan = new ImageSpan(context, bitmap);
builder.setSpan(imageSpan, builder.length() - 1, builder.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
}
return builder;
}
哪裏pixel_1dp是XML：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@android:color/transparent"/>
<size android:height="1dp" android:width="1dp"/>
</shape>
要設置這樣的間隔使用代碼：
textView.setText(getSpacedSpannable(context, textView.getText().toString(), <Your spacing DP>), TextView.BufferType.SPANNABLE);
相關問題
- 1. 如何在Xcode 7中使用Interface Builder調整文字字距？
- 2. 在Android Canvas上，如何使用drawText調整字距間的字距？
- 3. 在EditText和TextView中自動調整文字android
- 4. 在TextView中更改文字字距或間距？
- 5. 你如何調整C4Label的字距？
- 6. Android的，問題在TextView的調整我的文字的大小
- 7. 在iOS 7中調整字母間距
- 8. swift - 如何調整導航欄文本中的字距？
- 9. 如何在多種字體大小的TextView中調整行高？
- 10. 調整Android文字大小
- 11. 如何在JavaFX中調整字母間距
- 12. 如何在WPF中啓用字距調整？
- 13. 如何勾勒android的TextView文字？
- 14. 如何在android的textview中通過編碼在運行時實現字間距
- 15. 在Textview中創建文字陰影android
- 16. 在android中用文字換行TextView
- 17. 如何在textView中設置文字？
- 18. 如何在Android上的TextView中居中放置兩行文字？
- 19. 調整DirectWrite中的字母/字符間距
- 20. Android TextView和文字換行
- 21. Android TextView剔除文字
- 22. 調整Android多行TextView
- 23. Android調整大小TextView
- 24. 如何在android中控制textview的文字高度？
- 25. Android TextView字幕
- 26. 日文字符在Android TextView和按鈕中顯示奇怪的間距
- 27. 構建用於調整字體中字符間距和間距的軟件
- 28. 調整文字之間的間距在水平傳說
- 29. 的Android TextView的字體大小後不調整改變
- 30. 如何在JAVA中調整字符
好，我想這就是那則。乾杯，邁克 – emmby 2009-11-06 02:17:33
嗨，@CommonsWare，如果我使用2D圖形API在畫布上繪製文本，如何調整字距調整？你能給我一個線索嗎？ – neevek 2012-04-25 03:21:06
您可以通過提供您自己修改後的字體版本來實現字距調整。 – mvds 2013-01-10 11:02:35