【问题标题】:Fit a custom view to the maximum specified size by its parent使自定义视图适合其父级指定的最大尺寸
【发布时间】:2014-03-03 10:07:08
【问题描述】:

我正在编写一个自定义视图,我想在其中使用canvas.drawText()Paint 对象绘制一些文本。

我希望这个视图尽可能多地占据空间,同时保持比例。

例如,让我的自定义视图是一系列水平绘制的 4 位数字,即 1 2 3 4。 然后,对于某些宽度和高度规范,视图应如下所示:

----------------------
   1    2    3    4  
----------------------

但是对于更大的宽度和高度规格(例如将手机旋转到横向模式,或者只是从父视图获得更大的许可),它应该拉伸以适应可用空间,同时保持比例 - 的大小数字和它们之间的填充:

----------------------------------------

    1         2         3         4

----------------------------------------

请想象第二张插图中的数字更大,因为由于我的声誉低,我无法发布图片。

我的问题是:

为我的视图设置正确测量值的正确方法应该是什么 - 文本大小和填充。

我还没有写一些代码,但我想到了覆盖onMeasure() 并使用MeasureSpec.getSize()。我很困惑 - 我不确定MeasureSpec.getSize() 将是我应该处理的唯一约束 - 也许paint.measureText() 并且画布大小本身也必须发挥作用,而且我没有太多使用所有的经验他们在一起。

谢谢!

【问题讨论】:

    标签: android canvas android-custom-view


    【解决方案1】:

    像这样扩展 TextView(我很抱歉,但我借了一些并写了一些,不是我的全部,但我没有原始版本的来源)。特别是,我覆盖了“省略号”部分 - 您将需要 - 在省略号出现并且视图行为不理想之前适应所需的文本大小。

    import android.content.Context;
    import android.text.Layout.Alignment;
    import android.text.StaticLayout;
    import android.text.TextPaint;
    import android.util.AttributeSet;
    import android.util.TypedValue;
    import android.widget.TextView;
    
    public class StoryTextView extends TextView {
    
        private String TAG = "StoryTextView";
    
        // Minimum text size for this text view
        public static float MIN_TEXT_SIZE;
    
        // Interface for resize notifications
        public interface OnTextResizeListener {
            public void onTextResize(TextView textView, float oldSize, float newSize);
        }
    
        // Our ellipse string
        private static final String mEllipsis = "...";
    
        // Registered resize listener
        private OnTextResizeListener mTextResizeListener;
    
        // Flag for text and/or size changes to force a resize
        private boolean mNeedsResize = false;
    
        // Text size that is set from code. This acts as a starting point for resizing
        private float mTextSize;
    
        // Temporary upper bounds on the starting text size
        private float mMaxTextSize = 0;
    
        // Lower bounds for text size
        private float mMinTextSize = MIN_TEXT_SIZE;
    
        // Text view line spacing multiplier
        private float mSpacingMult = 1.0f;
    
        // Text view additional line spacing
        private float mSpacingAdd = 0.3f;
    
        // Add ellipsis to text that overflows at the smallest text size
        private boolean mAddEllipsis = true;
    
        // Default constructor override
        public StoryTextView(Context context) {
            this(context, null);
        }
    
        // Default constructor when inflating from XML file
        public StoryTextView(Context context, AttributeSet attrs) {
            this(context, attrs, 0);
        }
    
        // Default constructor override
        public StoryTextView(Context context, AttributeSet attrs, int defStyle) {
            super(context, attrs, defStyle);
            MIN_TEXT_SIZE = context.getResources().getDimension(R.dimen.textMinSizeStory);
            mTextSize = getTextSize();
        }
    
        /**
         * When text changes, set the force resize flag to true and reset the text size.
         */
        @Override
        protected void onTextChanged(final CharSequence text, final int start, final int before, final int after) {
            mNeedsResize = true;
            // Since this view may be reused, it is good to reset the text size
            resetTextSize();
        }
    
        /**
         * If the text view size changed, set the force resize flag to true
         */
        @Override
        protected void onSizeChanged(int w, int h, int oldw, int oldh) {
            if (w != oldw || h != oldh) {
                mNeedsResize = true;
            }
        }
    
        /**
         * Register listener to receive resize notifications
         * @param listener
         */
        public void setOnResizeListener(OnTextResizeListener listener) {
            mTextResizeListener = listener;
        }
    
        /**
         * Override the set text size to update our internal reference values
         */
        @Override
        public void setTextSize(float size) {
            super.setTextSize(size);
            mTextSize = getTextSize();
        }
    
        /**
         * Override the set text size to update our internal reference values
         */
        @Override
        public void setTextSize(int unit, float size) {
            super.setTextSize(unit, size);
            mTextSize = getTextSize();
        }
    
        /**
         * Override the set line spacing to update our internal reference values
         */
        @Override
        public void setLineSpacing(float add, float mult) {
            super.setLineSpacing(add, mult);
            mSpacingMult = mult;
            mSpacingAdd = add;
        }
    
        /**
         * Set the upper text size limit and invalidate the view
         * @param maxTextSize
         */
        public void setMaxTextSize(float maxTextSize) {
            mMaxTextSize = maxTextSize;
            requestLayout();
            invalidate();
        }
    
        /**
         * Return upper text size limit
         * @return
         */
        public float getMaxTextSize() {
            return mMaxTextSize;
        }
    
        /**
         * Set the lower text size limit and invalidate the view
         * @param minTextSize
         */
        public void setMinTextSize(float minTextSize) {
            mMinTextSize = minTextSize;
            requestLayout();
            invalidate();
        }
    
        /**
         * Return lower text size limit
         * @return
         */
        public float getMinTextSize() {
            return mMinTextSize;
        }
    
        /**
         * Set flag to add ellipsis to text that overflows at the smallest text size
         * @param addEllipsis
         */
        public void setAddEllipsis(boolean addEllipsis) {
            mAddEllipsis = addEllipsis;
        }
    
        /**
         * Return flag to add ellipsis to text that overflows at the smallest text size
         * @return
         */
        public boolean getAddEllipsis() {
            return mAddEllipsis;
        }
    
        /**
         * Reset the text to the original size
         */
        public void resetTextSize() {
            if(mTextSize > 0) {
                super.setTextSize(TypedValue.COMPLEX_UNIT_PX, mTextSize);
                mMaxTextSize = mTextSize;
            }
        }
    
        /**
         * Resize text after measuring
         */
        @Override
        protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
            if(changed || mNeedsResize) {
                int widthLimit = (right - left) - getCompoundPaddingLeft() - getCompoundPaddingRight();
                int heightLimit = (bottom - top) - getCompoundPaddingBottom() - getCompoundPaddingTop();
                resizeText(widthLimit, heightLimit);
            }
            super.onLayout(changed, left, top, right, bottom);
        }
    
    
        /**
         * Resize the text size with default width and height
         */
        public void resizeText() {
            int heightLimit = getHeight() - getPaddingBottom() - getPaddingTop();
            int widthLimit = getWidth() - getPaddingLeft() - getPaddingRight();
            resizeText(widthLimit, heightLimit);
        }
    
        /**
         * Resize the text size with specified width and height
         * @param width
         * @param height
         */
        public void resizeText(int width, int height) {
            CharSequence text = getText();
            // Do not resize if the view does not have dimensions or there is no text
            if(text == null || text.length() == 0 || height <= 0 || width <= 0 || mTextSize == 0) {
                return;
            }
    
            // Get the text view's paint object
            TextPaint textPaint = getPaint();
    
            // Store the current text size
            float oldTextSize = textPaint.getTextSize();
            // If there is a max text size set, use the lesser of that and the default text size
            float targetTextSize = mMaxTextSize > 0 ? Math.min(mTextSize, mMaxTextSize) : mTextSize;
    
            // Get the required text height
            int textHeight = getTextHeight(text, textPaint, width, targetTextSize);
    
            // Until we either fit within our text view or we had reached our min text size, incrementally try smaller sizes
            while(textHeight > height && targetTextSize > mMinTextSize) {
                targetTextSize = Math.max(targetTextSize - 1, mMinTextSize);
                textHeight = getTextHeight(text, textPaint, width, targetTextSize);
                //Log.i(TAG, "checking text size: " + textHeight);
            }
    
            // If we had reached our minimum text size and still don't fit, append an ellipsis
            if(mAddEllipsis && targetTextSize == mMinTextSize && textHeight > height) {
                // Draw using a static layout
                StaticLayout layout = new StaticLayout(text, textPaint, width, Alignment.ALIGN_NORMAL, mSpacingMult, mSpacingAdd, false);
                // Check that we have a least one line of rendered text
                if(layout.getLineCount() > 0) {
                    // Since the line at the specific vertical position would be cut off,
                    // we must trim up to the previous line
                    int lastLine = layout.getLineForVertical(height) - 1;
                    // If the text would not even fit on a single line, clear it
                    if(lastLine < 0) {
                        setText("");
                    }
                    // Otherwise, trim to the previous line and add an ellipsis
                    else {
                        int start = layout.getLineStart(lastLine);
                        int end = layout.getLineEnd(lastLine);
                        float lineWidth = layout.getLineWidth(lastLine);
                        float ellipseWidth = textPaint.measureText(mEllipsis);
    
                        // Trim characters off until we have enough room to draw the ellipsis
                        while(width < lineWidth + ellipseWidth) {
                            lineWidth = textPaint.measureText(text.subSequence(start, --end + 1).toString());
                        }
                        setText(text.subSequence(0, end) + mEllipsis);
                    }
                }
            }
    
            // Some devices try to auto adjust line spacing, so force default line spacing
            // and invalidate the layout as a side effect
            textPaint.setTextSize(targetTextSize);
            setLineSpacing(mSpacingAdd, mSpacingMult);
    
            // Notify the listener if registered
            if(mTextResizeListener != null) {
                mTextResizeListener.onTextResize(this, oldTextSize, targetTextSize);
            }
    
            // Reset force resize flag
            mNeedsResize = false;
        }
    
        // Set the text size of the text paint object and use a static layout to render text off screen before measuring
        private int getTextHeight(CharSequence source, TextPaint paint, int width, float textSize) {
            // Update the text paint object
            paint.setTextSize(textSize);
            // Measure using a static layout
            StaticLayout layout = new StaticLayout(source, paint, width, Alignment.ALIGN_NORMAL, mSpacingMult, mSpacingAdd, true);
            return layout.getHeight();
        }
    
    }
    

    【讨论】:

    • 吉姆您好,感谢您的回答。不幸的是,这并不能回答我的问题。尽管它可能会起作用并解决我在示例中描述的 specific 问题 - 这是对我的问题的简化描述,但我需要一种更通用的方法。为了给你一个更大的视角——这个视图将包含 100 多行,就像我的例子( 1 2 3 4 )一样。在我的自定义视图中存储这么多TextViews 会使它太重。你能想到一种方法,它涉及使用CanvasdrawText() 和一个简单的Paint 对象吗?
    • 100+ 行听起来像一个 ListView。你最终会滚动。您应该能够回收视图以控制 OOM 错误或性能问题。您可以通过多种方式扩展 ListView...
    • 我会考虑到这一点。感谢您分享您的意见。
    猜你喜欢
    • 1970-01-01
    • 2013-02-24
    • 1970-01-01
    • 2016-07-07
    • 1970-01-01
    • 1970-01-01
    • 2019-12-04
    • 1970-01-01
    • 2023-03-11
    相关资源
    最近更新 更多