Editable items в ListView?

Question

[web_dev]

Здравствуйте,


есть ListView забит текстом(по строке в item), хочется чтоб при клике на item поле можно будет редактировать и сбоку два маленьких значка, подтвердить или отменить.


Мне кажется это должно быть стандартное API. только не знаю как сделать.


И еще вопрос например как мне сделать, чтоб можно было выделять несколько item или есть кнопочка — выделить все. Тоже должно быть стандартное API.


Или подскажите где глянуть как сие делать.


Спасибо!

Answer 1

[dikkini]

Если что-то не очевидно как сделать или стандартной компоновкой элементов этого добиться нельзя (или не устраивает скорость и т.п.), то лучше написать кастомный элемент с нужным функционалом.

Comments

[web_dev]

Спасиб, но то что мне нужно — должно решаться стандартными способами. Свой компонент писать, наверное будет побольше времени стоить…

Answer 2

[senneco]

По поводу выделения элементов списка есть такая статья(на русском) startandroid.ru/ru/uroki/vse-uroki-spiskom/83-urok-43-odinochnyj-i-mnozhestvennyj-vybor-v-list.html. Может быть вам поможет.

А по поводу изменения данных прям в списке — если вы собираетесь переиспользовать вьюшку, приходящую в метод getView, вам необходимо в адаптере помнить позицию редактируемого элемента и в getView проверять, она ли это, или нет. И просто выдавать соответственную вьюшку.

Comments

[web_dev]

Да, есть свой адаптер. А это идея. ))) Менять текстовое поле на поле с edittext и двумя кнопками. Но вот вопрос, мне нужно абсолютно все поля так делать, например по одиночному клику. Кликнул на item и он изменил свой view. Да, конечно у listView есть мной определенный адаптер.

[senneco]

Тогда можно сделать примерно такой адаптер:

public class EditableAdapter extends BaseAdapter {
	private static final int NORMAL_STATE = 0;
	private static final int EDIT_STATE = 1;

	private List<Integer> mEditPositions = new ArrayList<Integer>();

	@Override
	public View getView(int position, View convertView, ViewGroup parent){
		switch (getItemViewType(position)){
			case NORMAL_STATE:
				return getNormalView(position, convertView, parent);
			case EDIT_STATE:
				return getEditView(position, convertView, parent);
		}

		return null;
	}

	@Override
	public int getItemViewType(int position){
		return mEditPositions.contains(position) ? EDIT_STATE : NORMAL_STATE;
	}

	@Override
	public int getViewTypeCount(){
		return 2;
	}

	private View getNormalView(int position, View convertView, ViewGroup parent){
		if (convertView == null){
			convertView = View.inflate(convertView.getContext(), R.layout.normal_view, null);
		}
		...

		return convertView;
	}

	private View getEditView(int position, View convertView, ViewGroup parent){
		if (convertView == null){
			convertView = View.inflate(convertView.getContext(), R.layout.edit_view, null);
		}
		...

		return convertView;
	}

	@Override
	public int getCount(){
		...
	}

	@Override
	public Object getItem(int position){
		...
	}

	@Override
	public long getItemId(int position){
		...
	}
}

И, соответственно, в нужных лиснерах добавлять/удалять позицию из списка mEditPositions. Надеюсь понятно как работает =)

PS: если кому-то не нравится код и может предложить решение лучше — welcome :D

[senneco]

Конечно, я опечатался — в методах getNormalView и getEditView нужно делать
convertView = View.inflate(parent.getContext()...

[web_dev]

Ну конечно, все понятно, но кажется то ли вы меня не до конца поняли, то ли я Вас…
для начала:
— я построил список к примеру из 10 items, в каждом из них строка.
— сделал одиночный клик, view поменялся.

В вашем коде вы мне предлагаете различать, какой view нужно будет строить, это понятно, но!
откуда мой адаптер будет знать, что я хочу в режиме реального времени отредактировать к примеру 5 item.
Имеется в виду работа с ListView в реально времени, а не в процессе его постройки…

[web_dev]

нужно в адаптере сеттером например вставлять нужную позицию, вызывать перерисовку listView, и потом смотреть какой view нужно выдать в другом режиме… Мне кажется такой способ должен работать.

[senneco]

Как-то так должно сработать(за счёт вызова notifyDataSetChanged()):

listView.setOnItemClickListener(new AdapterView.OnItemClickListener(){
	@Override
	public void onItemClick(AdapterView<?> parent, View view, int position, long id){
		EditableAdapter adapter = (EditableAdapter) parent.getAdapter();
		adapter.addToEditPositions(position);
		adapter.notifyDataSetChanged();
	}
});

[web_dev]

Да, так себе это я и предполагал. )

Answer 3

[senneco]

Moved…

Answer 4

[Эдуард]

по поводу редактирования элементов — как то-так:

public void onItemClick(AdapterView list, View v, int position, long id) {
    TextView text_view = (TextView) v.findViewById(R.id.item_text_view);
    String text = text_view.getText();
    v.removeView(text_view);

    LayoutInflater li = getLayoutInflater(this);
    View editable_view = li.inflate(R.layout.editable_item, null);
    editable_view.findViewById(R.id.editable_edit_text).setText(text);
    v.addView(editable_view);
}

при этом корневой элемент в разметке item'a должен быть ...Layout

Comments

[senneco]

Плохой совет — если делать так, то после первого же ухода редактируемого элемента с экрана, начнётся свистопляска всего ListView. Т.к. в вашем примере измененное View v будет передана для отображения другого элемента списка, но ведь этого делать не надо. И в то же время, после возвращения этой позиции на экран, для её отрисовки может быть передана другая вьюшка, и EditText пропадёт.

Как раз переопределение методов getItemViewType и getViewTypeCount позволяет не беспокоиться о том, какая вьюшка нам приходит — она придёт либо верная, либо null в метод getView.

[Эдуард]

ну так можно все вьюхи этого item'a хранить где-нибудь, а после завершения редактирования возвращать всё на свои места