Архив метки: listView

Flutter: скроллинг до элемента в списке

03.08.2022 Павел Грибов Оставить комментарий

Задача: позиционировать по нажатию кнопки список на нужном элементе списка.

Решение: используем пакет scroll_to_index:

dependencies:
  scroll_to_index : any

1 2	dependencies: scroll_to_index : any

Код:

class _MainMenuState extends State<MainMenu> {
  final scaffoldKey = GlobalKey<ScaffoldState>();

  final scrollDirection = Axis.vertical;
  late AutoScrollController controller;

  @override
  void initState() {
    print("-инициализация класса..");
    controller = AutoScrollController(
        viewportBoundaryGetter: () =>
            Rect.fromLTRB(0, 0, 0, MediaQuery.of(context).padding.bottom),
            suggestedRowHeight: 2000, // если большой список, и  скролл визуально идёт медленно, то это "шаг" скролла. Т.е. чем больше, тем быстрее.
            axis: scrollDirection
    );
  }

  Future _scrollToCounter(int counter) async {

    await controller.scrollToIndex(counter, duration: Duration(seconds: 1));
    controller.highlight(counter);
  }
....
...
      // список ТМЦ для инвентаризации (если есть)
      body: ListView.builder(
          physics: NeverScrollableScrollPhysics(),
          scrollDirection: scrollDirection,
          controller: controller,
          padding: const EdgeInsets.all(8),
          itemCount: globals.TMCList.length,
          itemBuilder: (BuildContext context, int index) {
            return AutoScrollTag(
              key: ValueKey(index),
              controller: controller,
              index: index,
              child: Container(
                  padding: EdgeInsets.symmetric(vertical: 10),
                  child: Column(
                    children: [
                      Text(
                        globals.TMCList[index]["name"],
                        textAlign: TextAlign.start,
                      ),
                      Align(
.....
        floatingActionButton: FloatingActionButton(
          onPressed: (){
_scrollToCounter(10);
          },

class _MainMenuState extends State<MainMenu> {

final scaffoldKey = GlobalKey<ScaffoldState>();

final scrollDirection = Axis.vertical;

late AutoScrollController controller;

@override

void initState() {

print("-инициализация класса..");

controller = AutoScrollController(

viewportBoundaryGetter: () =>

Rect.fromLTRB(0, 0, 0, MediaQuery.of(context).padding.bottom),

suggestedRowHeight: 2000, // если большой список, и скролл визуально идёт медленно, то это "шаг" скролла. Т.е. чем больше, тем быстрее.

axis: scrollDirection

);

}

Future _scrollToCounter(int counter) async {

await controller.scrollToIndex(counter, duration: Duration(seconds: 1));

controller.highlight(counter);

}

....

...

// список ТМЦ для инвентаризации (если есть)

body: ListView.builder(

physics: NeverScrollableScrollPhysics(),

scrollDirection: scrollDirection,

controller: controller,

padding: const EdgeInsets.all(8),

itemCount: globals.TMCList.length,

itemBuilder: (BuildContext context, int index) {

return AutoScrollTag(

key: ValueKey(index),

controller: controller,

index: index,

child: Container(

padding: EdgeInsets.symmetric(vertical: 10),

child: Column(

children: [

Text(

globals.TMCList[index]["name"],

textAlign: TextAlign.start,

Align(

.....

floatingActionButton: FloatingActionButton(

onPressed: (){

_scrollToCounter(10);

Android

Android Studio: ListView c фотографией и текстом

09.06.2021 Павел Грибов Оставить комментарий

Задача: разместить в виджете ListView картинку из файла + текст. Результат должен выглядеть как то так:

Решение: будем писать свой «адаптер», на входе которого будет массив из id и photo_name (имя файла картинки)

Экран list_photos.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/imgv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        tools:srcCompat="@tools:sample/avatars" />

    <TextView
        android:id="@+id/photo_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="photo_id" />

    <TextView
        android:id="@+id/photo_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="photo_name" />
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent">

<ImageView

android:id="@+id/imgv"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

tools:srcCompat="@tools:sample/avatars" />

<TextView

android:id="@+id/photo_id"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:text="photo_id" />

<TextView

android:id="@+id/photo_name"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:text="photo_name" />

</LinearLayout>

Код адаптера:


        ListView listView = findViewById(R.id.ListPhotos);
        // используем адаптер данных
        adapter=new PhotosAdapter(this,R.layout.list_photos, arrayList);
        listView.setAdapter(adapter);


    }
    // Пишем свой класс-адаптер
    private class PhotosAdapter extends ArrayAdapter<String> {
        PhotosAdapter(Context context, int textViewResourceId, ArrayList objects) {
            super(context, textViewResourceId, objects);
        }
        @NonNull
        @Override
        public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
            LayoutInflater inflater = getLayoutInflater();
            View row = inflater.inflate(R.layout.list_photos, parent, false);
            map=arrayList.get(position);
            TextView pid = (TextView) row.findViewById(R.id.photo_id);
            TextView pname = (TextView) row.findViewById(R.id.photo_name);
            File imgFile = new  File(map.get("photo_name"));
            pid.setText(map.get("photo_id"));
            Bitmap myBitmap = BitmapFactory.decodeFile(imgFile.getAbsolutePath());
            ImageView iconImageView = (ImageView) row.findViewById(R.id.imgv);
            iconImageView.setImageBitmap(myBitmap);
            return row;
        }
    }

ListView listView = findViewById(R.id.ListPhotos);

// используем адаптер данных

adapter=new PhotosAdapter(this,R.layout.list_photos, arrayList);

listView.setAdapter(adapter);

}

// Пишем свой класс-адаптер

private class PhotosAdapter extends ArrayAdapter<String> {

PhotosAdapter(Context context, int textViewResourceId, ArrayList objects) {

super(context, textViewResourceId, objects);

}

@NonNull

@Override

public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {

LayoutInflater inflater = getLayoutInflater();

View row = inflater.inflate(R.layout.list_photos, parent, false);

map=arrayList.get(position);

TextView pid = (TextView) row.findViewById(R.id.photo_id);

TextView pname = (TextView) row.findViewById(R.id.photo_name);

File imgFile = new File(map.get("photo_name"));

pid.setText(map.get("photo_id"));

Bitmap myBitmap = BitmapFactory.decodeFile(imgFile.getAbsolutePath());

ImageView iconImageView = (ImageView) row.findViewById(R.id.imgv);

iconImageView.setImageBitmap(myBitmap);

return row;

}

Android

Двухуровневый список ListView в приложении для Android

29.12.2017 Павел Грибов Оставить комментарий

Хотите двух (много) уровневый список в приложении Android? — их есть у меня (с).

Читать далее Двухуровневый список ListView в приложении для Android →

Пн	Вт	Ср	Чт	Пт	Сб	Вс
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

ЖЗГ

Архив метки: listView

Flutter: скроллинг до элемента в списке

Android Studio: ListView c фотографией и текстом

Двухуровневый список ListView в приложении для Android

Жизнь замечательных грибов