Dlaczego ViewPager i GridLayout z 30 elementami są bardzo wolne?

Question

Mam ViewPager i GridView, aby wyświetlić kalendarz miesięczny. Model GridView ma około 30 elementów, a przesunięcie w lewo i prawo jest bardzo wolne. Zrobiłem przykładowy projekt do przetestowania bez dostępu do bazy danych i jest on powolny. Może ktoś widzi problem lub muszę wykonać asynchroniczne ładowanie stron? Jest to układ dla jednego elementu w GridView. Chcę pokazać 9 małych ikon 5x5 pikseli w dowolnym elemencie, ale bez nich też jest wolny.

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/Layout1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:padding="1dp"> 
    <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> 
    <TextView android:id="@+id/date" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginLeft="5dp" android:gravity="center_vertical" android:textSize="14sp" android:textStyle="bold"/> 
    </LinearLayout> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"> 
    <ImageView android:id="@+id/dot1" android:layout_width="wrap_content" android:drawingCacheQuality="auto" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:background="#ffffff" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:paddingBottom="1dp" android:paddingLeft="1dp" android:paddingTop="5dp"/> 
    </RelativeLayout> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"> 
    <ImageView android:id="@+id/dot2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:background="#ffffff" android:paddingBottom="1dp" android:paddingLeft="1dp"/> 
    </RelativeLayout> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"> 
    <ImageView android:id="@+id/dot3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_gravity="right" android:background="#ffffff" android:paddingBottom="1dp" android:paddingLeft="1dp"/> 
    </RelativeLayout> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"> 
    <ImageView android:id="@+id/dot4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:layout_gravity="center_horizontal" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:background="#ffffff" android:paddingBottom="1dp" android:paddingLeft="1dp"/> 
    </RelativeLayout> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"> 
    <ImageView android:id="@+id/dot5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:layout_gravity="left" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:background="#ffffff" android:paddingBottom="1dp" android:paddingLeft="1dp"/> 
    </RelativeLayout> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"> 
    <ImageView android:id="@+id/dot6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_gravity="left" android:background="#ffffff" android:paddingBottom="1dp" android:paddingLeft="1dp"/> 
    </RelativeLayout> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"> 
    <ImageView android:id="@+id/dot7" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_gravity="left" android:background="#ffffff" android:paddingBottom="1dp" android:paddingLeft="1dp"/> 
    </RelativeLayout> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"> 
    <ImageView android:id="@+id/dot8" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:layout_gravity="left" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:background="#ffffff" android:paddingBottom="1dp" android:paddingLeft="1dp"/> 
    </RelativeLayout> 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"> 
    <ImageView android:id="@+id/dot9" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="5dp" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_gravity="left" android:background="#ffffff" android:paddingBottom="5dp" android:paddingLeft="1dp"/> 
    </RelativeLayout> 
</LinearLayout> 

To instantiateItem z GridView adaptera:

public Object instantiateItem(ViewGroup container, int position) { 
    GridView gv = new GridView(m_context); 
    gv.setAdapter(new BaseAdapter() { 
     @Override 
     public View getView(int pos, View convertView, ViewGroup parent) { 
      View v; 
      if (convertView == null) { 
       // if it's not recycled, initialize some attributes 
       v = mInflater.inflate(R.layout.calendar_month_item, null); 
      } else { 
       v = convertView; 
      } 
      TextView dayView = (TextView) v.findViewById(R.id.date); 
      dayView.setText(pos + ""); 
      return v; 
     } 

     @Override 
     public long getItemId(int p) { 
      return 0; 
     } 

     @Override 
     public Object getItem(int p) { 
      return null; 
     } 

     @Override 
     public int getCount() { 
      return 30; 
     } 
    }); 
    gv.setNumColumns(5); 
    ((ViewPager) container).addView(gv); 
    return gv; 
} 

Answer 1

Rozejrzałem się trochę i myślę, że znalazłem dokładnie to, czego szukasz:

• content XML, prawdopodobnie będziesz musiał zmienić lub przerobić układ jak to okazuje się dość duże, jak ty powiedziany.
• CalendarAdapter.java, w linii 112 widać, że dodano tam ikonę. Po prostu zmień kod, aby można było programowo wprowadzić dziewięć ikon zamiast wszystkich tych układów.
• How to implement CalendarView in Android

Answer 2

Która wersja Androida używacie? Jest to ważne, ponieważ istnieje kalendarz w Androidzie 3.0, ma błędy, ale nie jest tak krytyczny.

O twoim pytaniu, jeśli dobrze to zrozumiałem. Spójrz na swój XML, zawiera 11 układów, a to tylko dla jednego elementu. Jeśli masz ich wiele, wyobraź sobie, ile pracy musi wykonać system Android, aby nadmuchać wszystkie twoje elementy. Następnie, po przesunięciu, możesz ponownie użyć elementów, a Android musi odświeżyć te, które nie są prawidłowe. To dużo pracy. (11 układów * 30 = 330 układów do odświeżenia lub nadmuchania). Jak głosi dokumentacja dla programistów Androida, musisz zawsze używać mniej układów do zawijania swoich elementów, jak to tylko możliwe!

W każdym razie Twoje podejście nie jest poprawne. Mogę zasugerować, aby przyjrzeć się kodowi źródłowemu CalendarView w systemie Android 3+, ale aby dać wskazówkę:

Utwórz układ na tydzień, nie na każdy dzień (jak w widoku kalendarza). W ten sposób Android będzie musiał odświeżyć tylko n elementów (wybierzesz, ile tygodni chcesz wyświetlić w danym momencie), a nie 30. Ten układ musi zawierać 7 widoków każdego dnia.

Mam nadzieję, że masz z tego jakiś pomysł.

Answer 3

Przede wszystkim, układ jest trochę dziwne, jak inni stwierdzili.

• Naprawdę nie potrzebujesz schematu dla żadnych elementów podrzędnych układu.
• Posiadanie wielu zagnieżdżonych układów względnych lub liniowych, gdy nie są potrzebne, będzie dość kosztowne, szczególnie gdy są zapakowane w GridView owinięte w ViewPager.

Po drugie, ViewPager i PagerAdapter są trochę trudne.

• Gdy masz domyślną liczbę stron poza ekranem, wszystkie trzy zostaną ułożone w tym samym czasie. Jeśli ustawisz go wyżej, będziesz układał jeszcze więcej widoków.
• Upewnij się, że poprawnie usuwasz widoki w destroyItem.
• Wykonaj poprawną metodę isViewFromObject, ponieważ w przeciwnym razie twoje poglądy zostaną odrzucone na stronie, powodując większy koszt ponownego ich utworzenia.

Korzystanie z porad @ CommonsWare jest prawdopodobnie dobrym pomysłem. TraceView jest nieco trudny w użyciu, ale mimo to prawdopodobnie da pewne wskazówki.