it-roy-ru.com

Выделите для выбранного элемента в раскрывающемся списке

У меня есть макет, где у меня есть расширяемый список в фрагменте слева и фрагменте деталей справа. Это все отлично работает. 

Теперь я хотел бы указать, какой элемент слева показывает детали справа, и здесь у меня возникла проблема.

В обычном представлении списка я достиг этого, установив режим выбора для представления списка в одиночное состояние, а затем используя состояние, которое можно нарисовать на основе «активированного» состояния. Когда я щелкаю элемент, фон устанавливается на выбранный мной цвет и остается таким до тех пор, пока я не выберу другой элемент в списке.

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

Любая помощь/указатели приветствуются (даже если это совершенно другое направление).

Самый текущий сбой:

расширяемый код списка

private void fillData(String group, String child) {
    ExpandableListView lv;
    mGroupsCursor = mDbHelper.fetchGroup(group);
    getActivity().startManagingCursor(mGroupsCursor);
    mGroupsCursor.moveToFirst();
    lv = (ExpandableListView) getActivity().findViewById(R.id.explist);
    lv.setChoiceMode(ExpandableListView.CHOICE_MODE_SINGLE);        

    mAdapter = new MyExpandableListAdapter(mGroupsCursor, getActivity(),
            R.layout.explistlayout,
            R.layout.explistlayout,
            new String[] { "_id" },
            new int[] { Android.R.id.text1 },
            new String[] { child },
            new int[] { Android.R.id.text1 });
    lv.setAdapter(mAdapter);
    registerForContextMenu(lv);

    lv.setOnChildClickListener(new ExpandableListView.OnChildClickListener() { 
        @Override 
        public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id)  
        { 
            mRowId  = id;
            EventDisplayFragment eventdisplay = new EventDisplayFragment();
            getFragmentManager().beginTransaction().replace(R.id.rightpane, eventdisplay).commit();
            return true; 
        } 
        }); 
}

public class MyExpandableListAdapter extends SimpleCursorTreeAdapter {

    public MyExpandableListAdapter(Cursor cursor, Context context,
            int groupLayout, int childLayout, String[] groupFrom,
            int[] groupTo, String[] childrenFrom, int[] childrenTo) {
        super(context, cursor, groupLayout, groupFrom, groupTo,
                childLayout, childrenFrom, childrenTo);
    }
    @Override
    protected Cursor getChildrenCursor(Cursor groupCursor) {
        Cursor childCursor = mDbHelper.fetchChildren(mGroup, groupCursor
                .getString(groupCursor
                        .getColumnIndex(AttendanceDB.EVENT_ROWID)));
        getActivity().startManagingCursor(childCursor);
        childCursor.moveToFirst();
        return childCursor;
    }
}

item_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <item 
     Android:state_pressed="true" 
     Android:drawable="@color/green" />
    <item 
     Android:state_selected="true" 
     Android:drawable="@color/blue" />
    <item 
     Android:state_focused="true" 
     Android:drawable="@color/Violet" />
    <item 
     Android:state_activated="true" 
     Android:drawable="@color/blue" />
</selector>
13
Barak

Сделайте следующее на ExpandableListView:

Шаг 1. Установить режим выбора на одиночный (Можно сделать в xml как Android: choiceMode = "singleChoice" )

Шаг 2. Используйте XML селектор в качестве фона ( Android: listSelector = "@ drawable/selector_list_item" )

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:Android="http://schemas.Android.com/apk/res/Android"
   Android:exitFadeDuration="@Android:integer/config_mediumAnimTime">

   <item Android:drawable="@Android:color/holo_blue_bright" Android:state_pressed="true"/>
   <item Android:drawable="@Android:color/holo_blue_light" Android:state_selected="true"/>
   <item Android:drawable="@Android:color/holo_blue_dark" Android:state_activated="true"/>

</selector>

Шаг 3. Вызов expandableListView.setItemChecked (index, true) в обратном вызове onChildClick ().

index - это основанный на 0 индекс дочернего элемента, рассчитываемый следующим образом

Группа 1 [index = 0]

  • Детский предмет 1
  • Детский предмет 2
  • Дочерний элемент 3 [index = 3]

Группа 2 [index = 4]

  • Детский предмет 1
  • Детский предмет 2
  • Детский элемент 3 [index = 7]

Группа 3 [index = 8]

  • Детский предмет 1
  • Детский предмет 2
  • Дочерний элемент 3 [index = 11]

Если у нас также есть заголовки списка, они также будут учитывать значения индекса.

Вот рабочий пример:

@Override
public boolean onChildClick(ExpandableListView parent, View v,
        int groupPosition, int childPosition, long id) {
    ...

    int index = parent.getFlatListPosition(ExpandableListView.getPackedPositionForChild(groupPosition, childPosition));
    parent.setItemChecked(index, true);


    return true;
}
30
Himanshu Likhyani

Потратив 3-4 часа на то, чтобы сделать это настолько простым, что нет необходимости создавать дополнительные XML-файлы, просто проверьте, развернут ли элемент группы, если да, затем выберите цвет и в операторе else сделайте их такими, какие они есть ....

@Override
//in this method you must set the text to see the parent/group on the list
public View getGroupView(final int i, boolean b, View view, ViewGroup viewGroup) {

    if (view == null) {
        view = inflater.inflate(R.layout.list_item_parent, viewGroup,false);
    }

    if(b){
        view.setBackgroundResource(R.color.waterblue);
    }else{
        view.setBackgroundColor(color.transparent);
    }


    //return the entire view
    return view;
}
12
Prakash Gavade

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

По сути, я создаю двумерный массив для хранения выбранного состояния дочерних элементов, инициализирую его в конструкторе адаптера, а затем ссылаюсь на него в своем методе getChildView (в случае, если текущий выбранный дочерний элемент прокручивается вне поля зрения) и метод onChildClick (для изменения текущий выбор и отключить старый).

private selectedStatus[][];  // array to hold selected state
private View oldView;        // view to hold so we can set background back to normal after selection of another view

Конструктор инициализировать массив

    public MyExpandableListAdapter(Cursor cursor, Context context,
            int groupLayout, int childLayout, String[] groupFrom,
            int[] groupTo, String[] childrenFrom, int[] childrenTo) {
        super(context, cursor, groupLayout, groupFrom, groupTo,
                childLayout, childrenFrom, childrenTo);
        selectedStatus = new boolean[cursor.getCount()][];
        for (int i = 0; i < cursor.getCount(); i++) {
            cursor.moveToPosition(i);
            Cursor childCheckCursor = mDbHelper.fetchChildren(mGroup,
                    cursor.getString(cursor
                            .getColumnIndex(AttendanceDB.EVENT_ROWID)));
            getActivity().startManagingCursor(childCheckCursor);
            selectedStatus[i] = new boolean[childCheckCursor.getCount()];
            for (int j = 0; j < childCheckCursor.getCount(); j++) {
                selectedStatus[i][j] = false;
            }
        }

    }

getChildView необходим для случаев, когда дочерний элемент прокручивается вне поля зрения

    @Override 
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) { 
        final View v = super.getChildView(groupPosition, childPosition, isLastChild, convertView, parent); 
        if(selectedStatus[groupPosition][childPosition] == true){
            v.setBackgroundResource(R.color.blue);                          
        } else {
            v.setBackgroundResource(R.color.black);
        }
        return v; 
    } 

onChildClick изменить выбранный элемент

    lv.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
        @Override
        public boolean onChildClick(ExpandableListView parent, View v,
                int groupPosition, int childPosition, long id) {
            mRowId = id;
            EventDisplayFragment eventdisplay = new EventDisplayFragment();
            getFragmentManager().beginTransaction()
                    .replace(R.id.rightpane, eventdisplay).commit();
            if(oldView != null){
                oldView.setBackgroundResource(R.color.black);   // change the background of the old selected item back to default black                 }
            oldView = v;                                        // set oldView to current view so we have a reference to change back on  next selection
            for (int i = 0; i < selectedStatus.length; i++) {
                for (int j = 0; j < checkedStatus[i].length; j++) {
                    if(i == groupPosition && j == childPosition){  // set the current view to true and all others to false
                        selectedStatus[i][j] = true;
                    } else {
                        selectedStatus[i][j] = false;
                    }
                }
            }
            v.setBackgroundResource(R.color.blue);
            return true;
        }
    });
6
Barak

Следующее решение поможет вам сделать другой выбор списка для группы и ребенка.

Прежде всего, вам нужно отключить селектор списка для ExpendableListView:


...
   <ExpandableListView
            ...
            Android:listSelector="@Android:color/transparent"
            ...
            />
...

После этого вам нужно скопировать пустой listSelector. Вы можете сделать это так


...
private Drawable empty;
...

// binding view here. Name of ExpandableListView will be elv
empty = elv.getSelector();

Теперь нам нужно знать, когда мы включим селектор списка или отключим его. Для этого вы должны добавить следующие изменения в свой адаптер:


my adapter here {
...
    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View view, ViewGroup parent)
    {
       ...
       // after, we've got view of goup
       view.setOnTouchListener(new View.OnTouchListener()
       {
           @Override
           public boolean onTouch(View v, MotionEvent event)
           {
               elv.setSelector(empty);
               return false;
           }
       });
       ...
    }
...
    @Override
    public View getChildView(final int groupPosition, final int childPosition, boolean isLastChild, View convertView, final ViewGroup parent)
    {
       ...
       // after, we've got view of child
       view.setOnTouchListener(new View.OnTouchListener()
       {
           @Override
           public boolean onTouch(View v, MotionEvent event)
           {
               elv.setSelector(R.drawable.my_custom_list_selector);
               return false;
           }
       });
       ...
    }
...
}

Это все. Я надеюсь, что это решение поможет вам сэкономить время.

2
Rusfearuth

У меня была та же проблема, я исправил это, добавив 

v.setSelected(true);

вот пример моего кода: 

expandableListDetailsLevel.setChoiceMode(ExpandableListView.CHOICE_MODE_SINGLE);
        expandableListDetailsLevel
                .setOnGroupExpandListener(new OnGroupExpandListener() {

                    public void onGroupExpand(int groupPosition) {

                        if(groupPosition!=1){
                            expandableIsThere = false;
                        }

                        for (int i = 0; i < len; i++) {
                            if (i != groupPosition) {
                                expandableListDetailsLevel.collapseGroup(i);
                            }
                        }
                    }
                });

        expandableListDetailsLevel
                .setOnChildClickListener(new OnChildClickListener() {

                    @Override
                    public boolean onChildClick(ExpandableListView parent,
                            View v, int groupPosition, int childPosition,
                            long id) {


                        v.setSelected(true);

                        }

мой товар xml 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:layout_width="match_parent"
Android:layout_height="wrap_content"
Android:orientation="horizontal"
Android:background="@drawable/selector" >


<TextView
    Android:id="@+id/TVChild"
    Android:layout_width="fill_parent"
    Android:layout_height="match_parent"
    Android:textColor="#000"
    Android:textSize="12dp"/>

</LinearLayout>

атрибут Android:drawSelectorOnTop="true" в элементе ExpandableListView в xml-файле (не дочерний элемент или группа), например:

<ExpandableListView
                Android:id="@+id/expandableViewDetailsBriefing"
                Android:layout_width="fill_parent"
                Android:layout_height="match_parent"
                Android:background="#fff"
                Android:drawSelectorOnTop="true"
                Android:dividerHeight="1px"
                Android:childDivider="@color/Gris"
                Android:indicatorRight="690dp"
                Android:textFilterEnabled="true" >
            </ExpandableListView>
2
Driss Bounouar

Если вам нужно изменить только цвет дочернего элемента, чем в методе onchildclick, установите цвет фона для View v.

@Override
            public boolean onChildClick(ExpandableListView parent, View v,
                    int groupPosition, int childPosition, long id) {
                // TODO Auto-generated method stub
                v.setBackgroundColor(Color.RED);
}

для этого установите isChildSelectable в true в адаптере.

1
user2779311

Это простое решение помогло мне, когда я столкнулся с тем же вопросом, что и автор

У меня есть макет, где у меня есть расширяемый список в фрагменте на слева и фрагмент детали справа. Это все отлично работает. Сейчас я хотел бы указать, какой элемент слева имеет свои данные показано справа, и здесь у меня проблема.

Чтобы указать, какой элемент в расширяемом списке выбран, перейдите в свойства ExpandableListView (в макете) и выберите цвет для listSelector. 

1
Ilya Shirokov

Вы можете сохранить текущее представление и изменить цвет фона представления в ваших слушателях щелчка:

View currentView;
ExpandableListView elv;

elv.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
    @Override
    public boolean onGroupClick(ExpandableListView parent, View v, int groupPosition, long id) {
        if(currentView != null) {
            currentView.setBackgroundColor(Color.parseColor("#FFFFFF"));
        }
        v.setBackgroundColor(Color.parseColor("#EEEEEE"));
        currentDrawerView = view;

        //do something

        return false;
    }
});
elv.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
    @Override
    public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
        if(currentView != null) {
            currentView.setBackgroundColor(Color.parseColor("#FFFFFF"));
        }
        v.setBackgroundColor(Color.parseColor("#EEEEEE"));
        currentDrawerView = view;

        //do something

        return false;
    }
});
1
Jorge Leandro Garcia
expListView.setOnChildClickListener(new OnChildClickListener() {

        @Override
        public boolean onChildClick( ExpandableListView parent, View v,
                                     int groupPosition, int childPosition,
                                     long id) {



            for (int i = 1; i < expListView.getChildCount(); i++) {
                View child = (View) expListView.getChildAt(i);
                child.setBackgroundColor(Color.BLACK);
            }


            if(childPosition==0){
                initWebView("URL");

            }
            if(childPosition==1) {
                initWebView("URL");

            }
            if(childPosition==2) {

                initWebView("URL");

            }
            if(childPosition==3) {
                initWebView("URL");

            }
            if(childPosition==4) {
                initWebView("URL");

            }
            if(childPosition==5) {
                initWebView("URL");
            }

            v.setBackgroundColor(Color.GRAY);


            expListView.setVisibility(View.GONE);
            webView.setVisibility(View.VISIBLE);
            return false;
        }
    });
}
0
Taha Hyder
expListView.setOnChildClickListener(new OnChildClickListener() {

            @Override
            public boolean onChildClick( ExpandableListView parent, View v,
                                         int groupPosition, int childPosition,
                                         long id) {



                for (int i = 1; i < expListView.getChildCount(); i++) {
                    View child = (View) expListView.getChildAt(i);
                    child.setBackgroundColor(Color.BLACK);
                }


                if(childPosition==0){
                    initWebView("URL");

                }
                if(childPosition==1) {
                    initWebView("URL");

                }
                if(childPosition==2) {

                    initWebView("URL");

                }
                if(childPosition==3) {
                    initWebView("URL");

                }
                if(childPosition==4) {
                    initWebView("URL");

                }
                if(childPosition==5) {
                    initWebView("URL");
                }

                v.setBackgroundColor(Color.GRAY);


                expListView.setVisibility(View.GONE);
                webView.setVisibility(View.VISIBLE);
                return false;
            }
        });
 }
0
Taha Hyder