Как нарисовать фигуру на ListView в Android

Question

Я создаю приложение календаря "Дневной обзор". Я уже создал пустой календарь с представлением списка, и теперь мне нужно добавить мои встречи.

Мой курсор полностью настроен, и я могу получать свои встречи, просто нужно нарисовать их в представлении списка. Сложность в том, что каждая строка списка занимает 30 минут, а некоторые из моих встреч могут длиться дольше, до нескольких часов. Поэтому необходимо иметь возможность указать, где в представлении списка должна быть нарисована встреча, даже если она в данный момент не отображается.

Answer 1

Я сделал такой же вид. Я разработал свой собственный CustomView и сохранил его в ScrollView. Высота этого customView составляет 24 * 60 DIP. Таким образом, высота представления будет увеличена, так как мы сохранили dip вместо px (надеюсь, вы знаете разницу между px и dip), а ширина будет шириной экрана устройства.

Я не могу поделиться с вами полным кодом. Но, может частично вставить здесь. Это даст вам четкое представление о каждой вещи.

public class CustomDayView extends View implements OnTouchListener{

    private Paint p;
    private Paint textp;
    private Paint roundRectP;
    private int parentWidth = 0;
    private int parentHeight = 0;
    private int X_OFFSET = 5;
    private int Y_OFFSET = 5;
    private int HOUR_BLOCK_HEIGHT = 60;
    private int font_max_width;
    private ScrollView _scrollView;
    private int least_time_in_hours = 24*60;//6 * 60
    private RectF _rects[];
    private int font_height;
    private Context context;


    public CustomDayEmployeeView(Context context) {
        super(context);
        this.context = context;
        init();
    }
    public CustomDayEmployeeView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
        init();
    }
    public CustomDayEmployeeView(Context context, AttributeSet attrs,
            int defStyle) {
        super(context, attrs, defStyle);
        this.context = context;
        init();
    }
     private void init(){
         //Creating Paint Objects
     //setting color
         //setting Fonts
         this.setOnTouchListener(this);
     calculateRectValues();
     }

    private void calculateRectValues() {
        // Calculating the Rects to draw in the paint this includes x,y points starting of the rect and width and height of the rectangle.
    int font_max_width = calculate the width needed to draw the hours from 0 to 24 hours;
    for(int i=0;i<no of appts;i++)
        _rects[j] = new RectF(font_max_width, convertTimetoSeconds("09:30"), screenwidth-font_max_width , convertTimetoSeconds("11:30");

    }

    private int convertTimetoSeconds(String _startTime) {
        // TODO Auto-generated method stub
        int total = Integer.parseInt(_startTime.substring(0,_startTime.indexOf(":"))) * 60;
        total += Integer.parseInt(_startTime.substring(_startTime.indexOf(":")+1, _startTime.length()));
        return total;
    }

    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // TODO Auto-generated method stub
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        parentWidth = MeasureSpec.getSize(widthMeasureSpec);
        parentHeight = MeasureSpec.getSize(heightMeasureSpec);
        calculateRectValues();
        setMeasuredDimension(screenwidth,24 * HOUR_BLOCK_HEIGHT);
    }


    public void draw(Canvas canvas) {
        // TODO Auto-generated method stub
        super.draw(canvas);

        for(int i=0;i<25;i++)
        {
            String preString = "";
            String poststring = "";

            if(i == 12)
            {
                preString = "Noon";
                poststring = "";

            }
            else if(i%12 == 0)
            {
                preString = "12";
                poststring = " AM";
            }
            else if(i<12)
            {
                preString = i+"";
                poststring = " AM";
            }
            else
            {
                preString = i%12+"";
                poststring = " PM";
            }
            canvas.drawText(preString, X_OFFSET+3, i * HOUR_BLOCK_HEIGHT + font_height, p);
            canvas.drawText(poststring, X_OFFSET+p.measureText(preString), i * HOUR_BLOCK_HEIGHT + font_height, p);
            p.setTypeface(Typeface.create(Typeface.DEFAULT, Typeface.NORMAL));
            p.setColor(Color.parseColor("#cbcaca"));
            p.setStrokeWidth(0.2f);
            p.setPathEffect(new DashPathEffect(new float[] {1,2}, 0));
            canvas.drawLine(font_max_width, i * (HOUR_BLOCK_HEIGHT)+ font_height/2+HOUR_BLOCK_HEIGHT/2, parentWidth-8, i * (HOUR_BLOCK_HEIGHT)+ font_height/2+HOUR_BLOCK_HEIGHT/2, p);
            p.setColor(Color.parseColor("#f1f1f1"));
            p.setPathEffect(new PathEffect());
            p.setStrokeWidth(0.2f);
            canvas.drawLine(font_max_width, i * HOUR_BLOCK_HEIGHT+ font_height/2, parentWidth-8, i * HOUR_BLOCK_HEIGHT+ font_height/2, p);

        }
            for(int j=0;j<no of appts;j++)
            {
                    canvas.drawRoundRect(_rects[j], 3, 3, roundRectP);
                        canvas.drawText(obj._title, _rects[j].left+X_OFFSET,_rects[j].top + font_height + Y_OFFSET, textp);
            }
        }
    }


    public boolean onTouch(View v, MotionEvent event) {
        // TODO Auto-generated method stub
        int x = (int) event.getX();
        int y = (int) event.getY();
        for(int j=0;j<no of appts;j++)
        {
            if(_rects[j].contains(x, y))
            {
        //Selected J appointmrnt
        }
        }
        return true;
    }
}

Я думаю, это поможет вам. Просто создайте Object и передайте ваши встречи в ArrayList для инициации этого объекта и выполните необходимые настройки.

Answer 2

Вам не нужно ничего рисовать, если это не на экране.

Я бы реализовал адаптер списка следующим образом: getItem(int position) метод возвращает время (фактически временной интервал), который представляет каждый элемент списка.getView(int position, View convertView, ViewGroup parent) определяет, какие встречи находятся в пределах интервала соответствующего элемента в данной позиции, и обновляет представление элемента на основе этой информации.

Вам также может понадобиться бесконечный адаптер .