次のデザインのレイアウトを実装したいと考えています: 左側にアイテムのリスト、右側に詳細。これは、タブレットとランドスケープ専用です。動作しますが、ListView のスクロールが遅れ、パターン全体の動作が非常に遅くなります。リストには約 20 ～ 30 のレコードがあります。すべての情報はテキストのみです。クリックから結果までに約 1 ～ 2 秒かかります。フラグメントのレイアウトは次のとおりです。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:baselineAligned="false"
android:orientation="horizontal"
android:weightSum="5" >
<ListView
android:id="@id/android:list"
style="@style/TransparentBgListView"
android:layout_width="0dp"
android:layout_weight="2" />
<RelativeLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="3"
android:background="@color/gray_bg"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin" >
<TextView
android:id="@+id/txt_question"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:layout_marginTop="20dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:text="Question Question Question Question Question Question Question"
android:textColor="@android:color/black"
android:textSize="@dimen/faq_question_textSize" />
<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_below="@+id/txt_question"
android:overScrollMode="always"
android:paddingBottom="15dp"
android:paddingLeft="10dp"
android:paddingRight="10dp" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
<TextView
android:id="@+id/txt_answer"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer "
android:textColor="@android:color/black"
android:textSize="@dimen/faq_answer_textSize" />
</LinearLayout>
</ScrollView>
</RelativeLayout>
</LinearLayout>
データ ArrayList から対応する情報を取得してから textviews テキストを設定するまでの onItemClick の時間を測定しました。
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
long start = System.currentTimeMillis();
Question item = questionList.get(position);
Log.i(TAG, "questionList.get(position): "+(System.currentTimeMillis()-start));
txtQuestion.setText(item.question);
Log.i(TAG, "txtQuestion.setText(item.question): "+(System.currentTimeMillis()-start));
txtAnswer.setText(item.answer);
Log.i(TAG, "txtAnswer.setText(item.answer): "+(System.currentTimeMillis()-start));
}
合計で約20〜30msです。では、なぜ視覚的にこれほどゆっくりと動作するのでしょうか? LinearLayout weightSum を使用しているためと考えられていましたが、レイアウト幅を定数値 (300dp と 600dp) で変更しても、全体的な視覚速度は変わりませんでした。以下はアダプターです (内部クラスとしてフラグメント コードに含まれています)。
private class QuestionsAdapter extends BaseAdapter {
private final LayoutInflater inflater = getActivity().getLayoutInflater();
public QuestionsAdapter() {
}
@Override
public int getCount() {
return questionList.size();
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
QuestionHolder holder = null;
if(convertView == null) {
convertView = inflater.inflate(R.layout.list_item_faq, parent, false);
holder = new QuestionHolder(convertView);
convertView.setTag(holder);
}
else
holder = (QuestionHolder)convertView.getTag();
Question item = questionList.get(position);
holder.labelView.setText(item.question);
FontHelper.setM0FontToViews(holder.labelView);
return convertView;
}
@Override
public Object getItem(int position) {
return questionList.get(position);
}
@Override
public long getItemId(int arg0) {
return arg0;
}
}
protected static class QuestionHolder {
final TextView labelView;
public QuestionHolder (final View convertView){
labelView = (TextView)convertView.findViewById(R.id.item_title);
}
}
以下は、FontHelper の外観です。
public class FontsHelper {
public final static String FONTHELPER_FONTS_PATH = "fonts/";
public static Typeface getFont(final Context context, final String font) {
final Typeface mFont = Typeface.createFromAsset(context.getAssets(), FONTHELPER_FONTS_PATH + font);
return mFont;
}
public static void setFontToView(final TextView view, final String font) {
final Typeface mFont = getFont(view.getContext(), font);
if (mFont != null)
view.setTypeface(mFont);
}
}