自定義循環TextView - 文本沒有居中圈

我把一個TextView類放在一起，利用了我所見過的一些不同的建議，並編寫了這個類來顯示一個圓圈內的TextView。圓圈出來很好，但文字略高於圓圈的中心。自定義循環TextView - 文本沒有居中圈

screenshot

我想不出什麼導致這一點。這裏是我的代碼：

CircularTextView你TextView

public class CircularTextView extends AppCompatTextView { 
    private ShapeDrawable backgroundDrawable; 
    private OvalShape ovalShape; 

    private int backgroundColor; 

    public CircularTextView(Context context) { 
     super(context); 
     backgroundColor = ContextCompat.getColor(context, R.color.color_circle_test_solid); 
     allocateShapes(); 
    } 

    public CircularTextView(Context context, AttributeSet attrs) { 
     super(context, attrs); 
     backgroundColor = ContextCompat.getColor(context, R.color.color_circle_test_solid); 
     allocateShapes(); 
    } 

    public CircularTextView(Context context, AttributeSet attrs, int defStyleAttr) { 
     super(context, attrs, defStyleAttr); 
     backgroundColor = ContextCompat.getColor(context, R.color.color_circle_test_solid); 
     allocateShapes(); 
    } 

    //Source https://stackoverflow.com/questions/25203501/android-creating-a-circular-textview/34685568#34685568 
    @Override 
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
     super.onMeasure(widthMeasureSpec, heightMeasureSpec); 

     int h = this.getMeasuredHeight(); 
     int w = this.getMeasuredWidth(); 
     int r = Math.max(w, h); 

     setMeasuredDimension(r, r); 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
     super.onDraw(canvas); 

     backgroundDrawable.setShape(ovalShape); 
     backgroundDrawable.getPaint().setColor(backgroundColor); 

     setBackground(backgroundDrawable); 
    } 

    private void allocateShapes(){ 
     backgroundDrawable = new ShapeDrawable(); 
     ovalShape = new OvalShape(); 
    } 

    public void setBackgroundColor(int color){ 
     backgroundColor = color; 
     invalidate(); 
    } 
}

TestCircleTextViewActivity

public final class TestCircleTextViewActivity extends BaseActivity { 

    @BindView(R.id.circle_text) 
    CircularTextView circleText; 

    @Override 
    protected void onCreate(@Nullable Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_test_circular_textview); 
     ButterKnife.bind(this); 

     int circleColor = ContextCompat.getColor(this, R.color.color_circle_test_solid); 
     circleText.setBackgroundColor(circleColor); 
    } 
}

activity_test_circular_textview.xml

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

    <com.thinkbubble.app.ui.view.CircularTextView 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:id="@+id/circle_text" 
     android:layout_gravity="center" 
     android:layout_centerInParent="true" 
     android:padding="4dp" 
     android:text="Keyword"> 

    </com.thinkbubble.app.ui.view.CircularTextView> 

</RelativeLayout>

來源

2017-04-04 John Riley

android：gravity =「center」 –

使用android:gravity="center"使在圈子

文本中心

來源

2017-04-04 01:17:03

我不敢相信我沒有試過這個。謝謝！ –

自定義循環TextView - 文本沒有居中圈

回答

相關問題