自定义视图在android系统不显示良好 [英] custom View not displayed well in android

问题描述

我的自定义视图不完全显示。请参阅我的截图：

和源$ C ​​$ C

 包com.dots;
进口android.graphics.Color;
进口android.app.Activity;
进口android.content.Context;
进口android.graphics.Canvas;
进口android.graphics.Paint;
进口android.os.Bundle;
进口android.view.View;
进口android.view.WindowManager;
进口android.widget.LinearLayout;
进口android.widget.TextView;
进口android.widget.Toast;公共类Dots1Activity扩展活动
{
    私有静态最后弦乐TAG =DotsActivity;
    / **当第一次创建活动调用。 * /
    @覆盖
    公共无效的onCreate（捆绑savedInstanceState）{
        super.onCreate（savedInstanceState）;
        LL的LinearLayout =新的LinearLayout（本）;
        ll.setOrientation（LinearLayout.VERTICAL）;
        LinearLayout.LayoutParams的LayoutParams =新LinearLayout.LayoutParams（
             LinearLayout.LayoutParams.WRAP_CONTENT，LinearLayout.LayoutParams.WRAP_CONTENT）;        CustomDrawableView厂景=新CustomDrawableView（这一点，50，50，Constants.DOTS_RADIUS，Constants.DOTS_COLOR）;
        CustomDrawableView视图2 =新CustomDrawableView（这一点，150，150，Constants.DOTS_RADIUS，Constants.DOTS_COLOR）;
        CustomDrawableView VIEW3 =新CustomDrawableView（这一点，300，300，Constants.DOTS_RADIUS，Constants.DOTS_COLOR）;
        ll.addView（厂景，的LayoutParams）;
        ll.addView（视图2，的LayoutParams）;
        ll.addView（VIEW3，的LayoutParams）;
        的setContentView（Ⅱ）;
    }}类CustomDrawableView扩展视图实现View.OnClickListener {
    私人上下文的背景下;
   私人诠释的x，y，半径，颜色;
   公共CustomDrawableView（上下文的背景下，诠释的x，INT Y，INT半径，诠释颜色）{
       超级（上下文）;
       this.context =背景;
       this.x = X;
       this.y = Y;
       this.radius =半径;
       this.color =颜色;
       setOnClickListener（本）;
   }   保护无效的onDraw（帆布油画）
   {
       super.onDraw（画布）;
       涂料粉刷=新的油漆（Paint.ANTI_ALIAS_FLAG）;
       paint.setColor（颜色）;
       canvas.drawCircle（X，Y，半径，油漆）;
   }   保护无效onMeasure（INT widthMeasureSpec，诠释heightMeasureSpec）{
       super.onMeasure（View.MeasureSpec.makeMeasureSpec（Constants.DOTS_RADIUS * 2，View.MeasureSpec.EXACTLY），
               View.MeasureSpec.makeMeasureSpec（Constants.DOTS_RADIUS * 2，View.MeasureSpec.EXACTLY））;
   }   公共无效的onClick（视图v）{
       Toast.makeText（this.context，
               X + ​​- + Y + - +半径，
               Toast.LENGTH_SHORT）.show（）;
   }
}公共接口常量
{
    公共静态最终诠释DOTS_RADIUS = 50;
    公共静态最终诠释DOTS_COLOR = Color.GREEN;
    公共静态最终诠释NUM_DOTS_ROWS = 5;
    公共静态最终诠释NUM_DOTS_COLS = 5;
    公共静态最终诠释WIDTH_BETWEEN_DOTS = 100;
    公共静态最终诠释HEIGHT_BETWEEN_DOTS = 100;
}
 

解决方案

制作，你不希望你在截图中看到的裁剪假设。你的问题是，你在onMeasure返回值不占你的X，Y偏移：

 保护无效onMeasure（INT widthMeasureSpec，诠释heightMeasureSpec）{
    super.onMeasure（View.MeasureSpec.makeMeasureSpec（Constants.DOTS_RADIUS * 2 + X，View.MeasureSpec.EXACTLY），
           View.MeasureSpec.makeMeasureSpec（Constants.DOTS_RADIUS * 2 + Y，View.MeasureSpec.EXACTLY））;
}
 

My custom view does not display entirely. Please see my screenshot:

And the source code

package com.dots;
import android.graphics.Color;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.os.Bundle;
import android.view.View;
import android.view.WindowManager;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

public class Dots1Activity extends Activity
{
    private static final String TAG = "DotsActivity";
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        LinearLayout ll = new LinearLayout(this);
        ll.setOrientation(LinearLayout.VERTICAL);          


        LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
             LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);

        CustomDrawableView view1 = new CustomDrawableView(this, 50, 50, Constants.DOTS_RADIUS, Constants.DOTS_COLOR);
        CustomDrawableView view2 = new CustomDrawableView(this, 150, 150, Constants.DOTS_RADIUS, Constants.DOTS_COLOR);
        CustomDrawableView view3 = new CustomDrawableView(this, 300, 300, Constants.DOTS_RADIUS, Constants.DOTS_COLOR);
        ll.addView(view1, layoutParams);
        ll.addView(view2, layoutParams);
        ll.addView(view3, layoutParams);
        setContentView(ll);
    }

}

class CustomDrawableView extends View implements View.OnClickListener{
    private Context context;
   private int x, y, radius, color;
   public CustomDrawableView(Context context, int x, int y, int radius, int color) {
       super(context);
       this.context = context;
       this.x = x;
       this.y =y;
       this.radius = radius;
       this.color = color;
       setOnClickListener(this);
   }

   protected void onDraw(Canvas canvas) 
   {
       super.onDraw(canvas);
       Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
       paint.setColor(color);
       canvas.drawCircle(x, y, radius, paint);
   }

   protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
       super.onMeasure(View.MeasureSpec.makeMeasureSpec(Constants.DOTS_RADIUS*2, View.MeasureSpec.EXACTLY),
               View.MeasureSpec.makeMeasureSpec(Constants.DOTS_RADIUS*2, View.MeasureSpec.EXACTLY));
   }

   public void onClick(View v) {
       Toast.makeText(this.context, 
               x+"-"+y+"-"+radius, 
               Toast.LENGTH_SHORT).show();  
   }
}



public interface Constants 
{
    public static final int DOTS_RADIUS = 50;
    public static final int DOTS_COLOR = Color.GREEN;
    public static final int NUM_DOTS_ROWS = 5;
    public static final int NUM_DOTS_COLS = 5;
    public static final int WIDTH_BETWEEN_DOTS = 100;
    public static final int HEIGHT_BETWEEN_DOTS = 100;


}

解决方案

Making the assumption that you don't want the clipping you see in your screenshot. Your problem is that the values you return in onMeasure don't account for your x, y offsets:

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
    super.onMeasure(View.MeasureSpec.makeMeasureSpec(Constants.DOTS_RADIUS*2 + x, View.MeasureSpec.EXACTLY),
           View.MeasureSpec.makeMeasureSpec(Constants.DOTS_RADIUS*2 + y, View.MeasureSpec.EXACTLY));
}

这篇关于自定义视图在android系统不显示良好的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！