Android TextView에서 텍스트 커닝을 조정하는 방법은 무엇입니까?
문제
Android에서 문자 사이의 간격을 조정하는 방법이 있습니까? TextView
?나는 이것을 일반적으로 "커닝"이라고 부릅니다.
나는 알고있다 android:textScaleX
속성이지만 공백과 함께 문자를 압축합니다.
해결책
Afaik, Kerning을 조정할 수 없습니다 TextView
. 텍스트를 작성하면 커닝을 조정할 수 있습니다. Canvas
2D 그래픽 API를 사용하고 있습니다.
다른 팁
TextView를 확장하고 "SetSpacing"메소드를 추가하는 사용자 정의 클래스를 구축했습니다. 해결 방법은 @Noah가 말한 것과 유사합니다. 이 방법은 문자열의 각 문자 사이에 공간을 추가합니다. Spendstring 공간의 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);
누구든지 Kerning을 모든 문자열에 적용하는 간단한 방법을 찾고 있다면 (기술적으로, 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;
}
다음은 각 문자 사이에 균일 한 간격 (픽셀)을 추가하는 내 솔루션입니다. 이 범위는 모든 텍스트가 한 줄로되어 있다고 가정합니다. 이것은 기본적으로 @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;
}
}
}
내가 Kerning을 조정하는 유일한 방법은 Glyph Advance가 변경되는 사용자 정의 글꼴을 만드는 것입니다.
당신은 또한 a를 사용해 볼 수도 있습니다 Spendstring 그러나 당신은 그것을 구문 분석하고 각 단어에 대한 캐릭터 간격을 변경해야합니다.
이 답변은 DrawText를 사용하여 캔버스에서 Kerning과 함께 텍스트를 그린 사람에게 도움이 될 수 있습니다 (TextView의 텍스트에 관한 것이 아닙니다).
Lollipop이므로 Settterspacing 방법은 페인트에서 사용할 수 있습니다. SDK가 Lollipop이고 ON 인 경우 SetTerterspacing이 사용됩니다. 그렇지 않으면 위의 @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;
}
TextView를 사용하는 경우 문자 사이의 간격을 조정하기가 어렵습니다.하지만 그림을 직접 다룰 수 있다면 그렇게 할 수 있는 방법이 있어야 합니다.
이 질문에 대한 나의 대답은 다음과 같습니다. 맞춤 스팬을 사용하세요. .
내 코드:
public class LetterSpacingSpan extends ReplacementSpan {
private int letterSpacing = 0;
public LetterSpacingSpan spacing(int space) {
letterSpacing = space;
return this;
}
@Override
public int getSize(@NonNull Paint paint, CharSequence text, int start, int end, @Nullable Paint.FontMetricsInt fm) {
return (int) paint.measureText(text, start, end) + (text.length() - 1) * letterSpacing;
}
@Override
public void draw(@NonNull Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom, @NonNull Paint paint) {
int length = text.length();
float currentX = x;
for (int i = 1; i < length; i++) {
canvas.drawText(text, i, i + 1, currentX, y, paint);
currentX += paint.measureText(text, i, i + 1) + letterSpacing;
}
}
}
설명하다:
나만의 건물 만들기 Span
TextView를 흐리게 만들고, TextView의 배경이나 전경을 변경하고, 애니메이션을 만드는 등 많은 놀라운 효과를 얻는 데 도움이 됩니다.이 포스팅을 통해 많은 것을 배우고 갑니다 강력한 컨셉을 확장하라 .
각 문자에 간격을 추가하므로 문자 수준 기본 범위를 사용해야 합니다. 이 경우에는 replacementSpan이 최선의 선택입니다.나는 추가한다 spacing
메소드를 사용하므로 각 문자에 대해 원하는 공백을 매개변수로 전달하면 됩니다.
커스텀 스팬을 구축할 때 최소한 두 가지 메서드를 재정의해야 합니다. getSize
그리고 draw
.그만큼 getSize
메소드는 전체 문자 시퀀스에 간격을 추가한 후 최종 너비를 반환해야 합니다. draw
메소드 블록을 사용하면 다음을 제어할 수 있습니다. Canvas
원하는 그림을 그리기 위해
그렇다면 이 LetterSpacingSpan을 어떻게 사용할까요?그것은 간단합니다:
용법:
TextView textView;
Spannable content = new SpannableString("This is the content");
textView.setSpan(new LetterSpacingSpan(), 0, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
textView.setText(content);
그리고 그게 다야.
@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);
}
@pedrobarros 답변을 사용하고 싶었지만 간격이 픽셀로되어 있어야합니다.
다음은 제작 스페이싱 방법에 대한 편집입니다.
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 개발자로서 초보자입니다. 이것이 좋지 않은지 알려주세요!
하나 더 솔루션.
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);
Android 21이므로 설정을 사용할 수 있습니다 letterSpacing
기인하다.
<TextView
android:width="..."
android:height="..."
android:letterSpacing="1.3"/>