TextView закрасить уголок

@Rube · Регистрация: 13.02.2014

Author24 — интернет-сервис помощи студентам

Очень часто делаю списки ListView и приходится для визуального отображения одной строки как-то помечать ее (напр. любимая команда в списке команд КХЛ).
Раньше делал так: в разметке в углу создавал невидимый ImageView, а в адаптере делал ему Vizible.
А как мне программно нарисовать или закрасить левый верхний уголок в TextView?
Если менять background, то как размерность определять его? Или как-то рисовать можно?

@Gabberr · 06.02.2015, 11:14

Можно в 9-patch нарисовать бекграунд с отметкой в нужном месте и чтоб растягивался по всякому, но отметка была всегда в одном месте.
Прикрепил пример

@Rube · 06.02.2015, 11:18 **[ТС]**

Gabberr, что за клякса?) А примера нет, я гуглил ничего не нашел?

@Gabberr · 06.02.2015, 11:21

Ну вот эту кляксу если вставить в background элементу textview, то она всегда будет в верхнем правом углу, вне зависимости от размера textview
Про ninepatch http://habrahabr.ru/post/113623/

@Rube · 06.02.2015, 11:27 **[ТС]**

Gabberr, хорошо, будем изучать. Сейчас пока гуглю про canvas, может получится нарисовать для общего развития.

@Gabberr · 06.02.2015, 11:56

Работу работать совсем лень, вот наваял примерчик с кастомным TextView, где на канвасе рисуется треугольник в левом верхнем углу

Кликните здесь для просмотра всего текста

Java

public class MyTextView extends TextView
{
    private int dividerColor;
 
    Paint trianglePaint;
 
    Path trianglePath;
 
    public MyTextView(Context context)
    {
        super(context);
        init(context);
    }
 
    public MyTextView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        init(context);
    }
 
    public MyTextView(Context context, AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);
        init(context);
    }
 
    private void init(Context context)
    {
        Resources resources = context.getResources();
 
        dividerColor = resources.getColor(android.R.color.black);
 
        trianglePaint = new Paint();
        trianglePaint.setStyle(Paint.Style.FILL);
        trianglePaint.setColor(Color.RED);
        Point point = new Point();
        point.x = 0;
        point.y = 0;
        trianglePath = getTriangle(point, 30);
    }
 
    @Override
    protected void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);
 
        canvas.drawPath(trianglePath, trianglePaint);
    }
 
    private Path getTriangle(Point p1, int width) {
        Point p2 = new Point(p1.x + width, p1.y);
        Point p3 = new Point(0, p1.y + width);
        Path path = new Path();
        path.moveTo(p1.x, p1.y);
        path.lineTo(p2.x, p2.y);
        path.lineTo(p3.x, p3.y);
 
        return path;
    }
 
 
}

@Rube · 06.02.2015, 13:32 **[ТС]**

Огромный спс за примерчик, сижу разбираюсь, ибо тяпница. Итак, значит Point это точки с координатами по которым рисовать линии, p1 - первая точка, width - длина линии.
Для треугольника в правом верхнем углу я должен определить p1 = getWidth() и дальше пошел по точкам рисунок рисовать, правильно?

@Gabberr · 06.02.2015, 14:00

Да всё верно, только в текущей реализации getWidth будет возвращать всегда 0, т.к размер ещё не определён.
Нужно немного подправить

Java

 private void init(Context context)
    {
        Resources resources = context.getResources();
 
        dividerColor = resources.getColor(android.R.color.black);
 
        trianglePaint = new Paint();
        trianglePaint.setStyle(Paint.Style.FILL);
        trianglePaint.setColor(Color.RED);
    }
 
    @Override
    protected void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);
 
        canvas.drawPath(getTriangle(30), trianglePaint);
    }
 
    private Path getTriangle(int width) {
        Point p1 = new Point(getWidth(),0);
        Point p2 = new Point(p1.x - width, p1.y);
        Point p3 = new Point(p1.x, p1.y + width);
        Path path = new Path();
        path.moveTo(p1.x, p1.y);
        path.lineTo(p2.x, p2.y);
        path.lineTo(p3.x, p3.y);
 
        return path;
    }

@Rube · 06.02.2015, 14:54 **[ТС]**

Вот теперь все получилось, в getTriangle() отправляю integer из ресурсов, дабы треугольник под все экраны подходил.

@Rube · 09.02.2015, 15:24 **[ТС]**

Застрял с отображением этого треугольника в листвью.
Сделал поле boolean myT в MyTextView.
При формировании адаптера (SimpleCursorAdapter) в переопределенном методе bindView() вызываю метод класса MyTextView

Java

1 2	MyTextView mtv = new MyTextView(context); mtv.setmyT(true);

и присваиваю true.

Java

1
2
3

public void setmyT(boolean m) {
        this.myT = m;
}

Но в методе init, где я хочу в зависимости от myT делать треугольник прозрачным или нет, myT всегда равен false.

Java

if (myT){
    trianglePaint.setColor(getResources().getColor(R.color.blue_status_bar));
} else {
    trianglePaint.setColor(getResources().getColor(R.color.transparent));
}

А еще делал вместо myT статическую переменную, которая меняется в адаптере, тогда при листании листвью треугольнички прыгают куда захотят.
Кажется мне надо чисто кастомный адаптер делать вместо переопределения и там поле делать, или как-то еще?

Добавлено через 33 минуты
Чего-то и кастомным адаптером не вышло, какое поле то делать и зачем... менять то надо в самом MyTextView.

@Gabberr · 09.02.2015, 15:30

Просто добавьте invalidate
Либо явный вызов:

Java

1
2
3

MyTextView mtv = new MyTextView(context);  
mtv.setmyT(true);
mtv.invalidate();

либо в самой вьюхе:

Java

public void setmyT(boolean m) {
    this.myT = m;
    invalidate();
}

@Rube · 09.02.2015, 16:19 **[ТС]**

Gabberr, нивкакую не хочет
Вызываю в адаптере явно или по курсору = 2

Java

    @Override
    public void bindView(View view, Context context, Cursor cursor) {
        MyTextView mtv = new MyTextView(context);
//      mtv.setmyT(true); 
        mtv = (MyTextView) view.findViewById(R.id.tTeam);  
        mtv.setmyT(true); 
//      if (cursor.getPosition() == 2) {
//          mtv.setmyT(true);
//      } else {
//          mtv.setmyT(false);
//      }

Получаю всегда false в 17-й строке

Java

    public void setmyT(boolean m) {     
        this.myT = m; 
        invalidate();
        Log.d("", "setmyT " + myT);
    }
    
    public boolean getmyT() {
        Log.d("", "getmyT " + myT);
        return this.myT;
    }
 
    private void init(Context context) {        
        Resources resources = context.getResources();        
        dividerColor = resources.getColor(android.R.color.black);
        trianglePaint = new Paint();
        trianglePaint.setStyle(Paint.Style.FILL);
        if (getmyT()) {
            trianglePaint.setColor(getResources().getColor(R.color.blue_status_bar));
        } else {
            trianglePaint.setColor(getResources().getColor(R.color.transparent));
        }
    }

Добавлено через 3 минуты
Вот такой лог

Кликните здесь для просмотра всего текста

getmyT false
getmyT false
setmyT true
getmyT false
getmyT false
setmyT true
getmyT false
getmyT false
setmyT true

@Gabberr · 09.02.2015, 16:50

Грешу на bindView, можете показать весь код этого метода?
проверил на списке с arrayadapter'ом работат как надо
адаптер

Кликните здесь для просмотра всего текста

Java

 class MyAdapter extends ArrayAdapter{
 
        boolean[] items;
 
        public MyAdapter(Context context, int resource, boolean[] items) {
            super(context, resource);
            this.items = items;
        }
 
        public View getView(int position, View convertView, ViewGroup parent){
 
            View v = convertView;
 
            if (v == null) {
                LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                v = inflater.inflate(R.layout.mytext, null);
            }
 
            MyTextView mytv = (MyTextView) v.findViewById(R.id.mytv);
            boolean b = items[position];
 
            if(b){
                mytv.setSelected(true);
            }else{
                mytv.setSelected(false);
            }
 
            return v;
 
        }
 
        public int getCount(){
            return items.length;
        }
    }

onCreate

Кликните здесь для просмотра всего текста

Java

1
2
3

boolean[] arr = new boolean[]{true,false,true,true,false};
MyAdapter myAdapter = new MyAdapter(this,R.layout.mytext, arr);
lv.setAdapter(myAdapter);

Добавлено через 5 минут
аа так у вас в другом походу проблема, метод init вызывается один раз при создании объекта.
Нужно либо вынести в отдельный метод это

Java

 if (getmyT()) {
            trianglePaint.setColor(getResources().getColor(R.color.blue_status_bar));
        } else {
            trianglePaint.setColor(getResources().getColor(R.color.transparent));
        }

либо сделать так

Java

@Override
    protected void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);
        if(myT)
            canvas.drawPath(getTriangle(30), trianglePaint);
    }

@Rube · 10.02.2015, 12:41 **[ТС]**

Чот никак не получается, я даже вынес в адаптер, но так вообще не срабатывает

Java

@Override
public void bindView(View view, Context context, Cursor cursor) {
    if (cursor.getPosition() == 2)
        myT = true;
    else
        myT = false;
    
    MyTextView mtv = new MyTextView(context) {
        @Override
        protected void onDraw(Canvas canvas) {       
            super.onDraw(canvas);  
            if (myT)
            canvas.drawPath(getTriangle(getResources().getInteger(R.integer.triangle_width)),
                trianglePaint);
        }

Завтра попробую на отдельном примере.

Добавлено через 15 часов 55 минут
Наконец-то получилось, спасибо, надо было только и всего, что вынести trianglePaint.setColor в onDraw.

Java

    @Override
    protected void onDraw(Canvas canvas) {       
        super.onDraw(canvas);        
        trianglePaint.setColor(getResources().getColor(myT ? 
                R.color.blue_status_bar : R.color.transparent));        
        canvas.drawPath(getTriangle(getResources().getInteger(R.integer.triangle_width)),
                trianglePaint);
    }

А что за поля и методы вот эти, и без них прекрасно работает, они нужны?

Java

1
2
3

Path trianglePath;
Resources resources = context.getResources();        
dividerColor = resources.getColor(android.R.color.black);

@Gabberr · 10.02.2015, 12:53

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

Кликните здесь для просмотра всего текста

Java

public class MyTextView extends TextView
{
 
    private Paint trianglePaint;
    private boolean isSelected = false;
 
    public MyTextView(Context context)
    {
        super(context);
        init(context);
    }
 
    public MyTextView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        init(context);
    }
 
    public MyTextView(Context context, AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);
        init(context);
    }
 
    private void init(Context context){
        trianglePaint = new Paint();
        trianglePaint.setStyle(Paint.Style.FILL);
        trianglePaint.setColor(getResources().getColor(
                R.color.blue_status_bar));
    }
 
    @Override
    protected void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);
        if(isSelected)
            canvas.drawPath(getTriangle(30), trianglePaint);
    }
 
    private Path getTriangle(int width) {
        Point p1 = new Point(getWidth(),0);
        Point p2 = new Point(p1.x - width, p1.y);
        Point p3 = new Point(p1.x, p1.y + width);
        Path path = new Path();
        path.moveTo(p1.x, p1.y);
        path.lineTo(p2.x, p2.y);
        path.lineTo(p3.x, p3.y);
 
        return path;
    }
 
    public void setSelected(boolean isSelected){
        this.isSelected = isSelected;
        invalidate();
    }
 
    public boolean isSelected(){
        return isSelected;
    }
}

@Rube · 10.02.2015, 14:08 **[ТС]**

Да, сделал так, все работает, все дело было в этом, спасибо!

Сообщение от Gabberr

аа так у вас в другом походу проблема, метод init вызывается один раз при создании объекта.

TextView закрасить уголок

Решение

Решение

@Rube 912 / 560 / 88 Регистрация: 13.02.2014 Сообщений: 2,081
		1
	TextView закрасить уголок 06.02.2015, 10:38. Показов 1512. Ответов 15 Метки нет (Все метки) Очень часто делаю списки ListView и приходится для визуального отображения одной строки как-то помечать ее (напр. любимая команда в списке команд КХЛ). Раньше делал так: в разметке в углу создавал невидимый ImageView, а в адаптере делал ему Vizible. А как мне программно нарисовать или закрасить левый верхний уголок в TextView? Если менять background, то как размерность определять его? Или как-то рисовать можно? 0

@Gabberr 105 / 105 / 19 Регистрация: 13.10.2009 Сообщений: 406
	06.02.2015, 11:14	2
	Можно в 9-patch нарисовать бекграунд с отметкой в нужном месте и чтоб растягивался по всякому, но отметка была всегда в одном месте. Прикрепил пример Изображения 1

@Rube 912 / 560 / 88 Регистрация: 13.02.2014 Сообщений: 2,081
	06.02.2015, 11:18 [ТС]	3
	Gabberr, что за клякса?) А примера нет, я гуглил ничего не нашел? 0

@Gabberr 105 / 105 / 19 Регистрация: 13.10.2009 Сообщений: 406
	06.02.2015, 11:21	4
	Ну вот эту кляксу если вставить в background элементу textview, то она всегда будет в верхнем правом углу, вне зависимости от размера textview Про ninepatch http://habrahabr.ru/post/113623/ 1

@Rube 912 / 560 / 88 Регистрация: 13.02.2014 Сообщений: 2,081
	06.02.2015, 11:27 [ТС]	5
	Gabberr, хорошо, будем изучать. Сейчас пока гуглю про canvas, может получится нарисовать для общего развития. 0

@Rube 912 / 560 / 88 Регистрация: 13.02.2014 Сообщений: 2,081
	06.02.2015, 13:32 [ТС]	7
	Огромный спс за примерчик, сижу разбираюсь, ибо тяпница. Итак, значит Point это точки с координатами по которым рисовать линии, p1 - первая точка, width - длина линии. Для треугольника в правом верхнем углу я должен определить p1 = getWidth() и дальше пошел по точкам рисунок рисовать, правильно? 0

@Rube 912 / 560 / 88 Регистрация: 13.02.2014 Сообщений: 2,081
	06.02.2015, 14:54 [ТС]	9
	Вот теперь все получилось, в getTriangle() отправляю integer из ресурсов, дабы треугольник под все экраны подходил. 0

@Rube 912 / 560 / 88 Регистрация: 13.02.2014 Сообщений: 2,081
	10.02.2015, 14:08 [ТС]	16
	Да, сделал так, все работает, все дело было в этом, спасибо! Сообщение от Gabberr аа так у вас в другом походу проблема, метод init вызывается один раз при создании объекта. 0