uniaのメモリング: 11月 2012

AndroidのListViewをカスタマイズしたい、データによって背景の色を変えたいと思っていろいろ調べたので分かった範囲でメモ。
やりたいこと
・ListViewの１行ごとの内容（オブジェクト）を取得
・取得したオブジェクト内のフラグによって背景色を塗り分ける
・１行内のレイアウトを自由に行う
・ListViewは１行ごとにレイアウトを指定できる。
　例）twitterみたいに、画像を左、アカウント名を右上、テキストを右下など

で、こんな感じにできた。

手順
１．ListViewの１行のレイアウトを作成
レイアウトをxmlで作る
idとかを指定しておく
【past_order_item.xml】

<!--xml version="1.0" encoding="utf-8"?-->
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal">
     
   <linearlayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical">
 
     <!-- 料理名 -->
     <textview android:id="@+id/pastOrderName" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="test" android:textsize="30sp" android:textstyle="bold">
     <!-- 個数 -->
  <textview android:id="@+id/pastOrderNum" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textsize="20sp" android:layout_gravity="right">
  <!-- 注文日時 -->
     <textview android:id="@+id/pastOrderDate" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textsize="20sp" android:text="date" android:layout_gravity="right">
 </textview></textview></textview></linearlayout>
</linearlayout>

２．ListView自体のレイアウトの作成
説明することは特になし
(Activityに貼付けるレイアウトのこと)
【past_order.xml】
ここのTextViewはListViewに表示するリストが無い場合だけ表示される

<!--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="match_parent" android:orientation="vertical">
 <listview android:id="@+id/android:list" android:layout_width="fill_parent" android:layout_height="0dip" android:layout_weight="1" android:drawselectorontop="false">
 <textview android:id="@+id/android:empty" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/no_data">
</textview></listview></linearlayout>

３．ListViewの１行に貼付けたい情報やフラグをもったオブジェクトのクラスの宣言
　　ここは自分で好きなようなクラスを作ってください。
　　（※不必要なフィールドも書いてたりします）　　【PastOrder.java】

public class PastOrder {
 private String order;   
 private String num;    
 private Long dateLong;
 private Date date;
 private String dateString;
 public PastOrder(String order, String num, String dateString) {
  super();
  this.order = order;
  this.num = num;
  this.dateString = dateString;
 }
 public String getOrder() {
  return order;
 }
 public void setOrder(String order) {
  this.order = order;
 }
 public String getNum() {
  return num;
 }
 public void setNum(String num) {
  this.num = num;
 }
 public String getFormatDate(){
  Date date = new Date(dateLong);
  SimpleDateFormat sdf = new SimpleDateFormat("yyyy/MM/dd  HH:mm:ss", Locale.JAPAN);
  return sdf.format(date);
 }
 public boolean isCompleted() {
  return isCompleted;
 }
 public void setCompleted(boolean isCompleted) {
  this.isCompleted = isCompleted;
 }
 public String getDateString() {
  return dateString;
 }
 public void setDateString(String dateString) {
  this.dateString = dateString;
 }
}

４．アダプターの作成（ここがメイン！！）
アダプターとはListViewに貼付けたいデータとレイアウトへの貼付けを行うもの（であってる？）
アダプターの拡張をして、ここで背景の判定とかを行う

ArrayAdapterの拡張をおこなう
（ここでTは先ほど作ったPastOrderクラスとしている）コンストラクタ
　LayoutInflaterオブジェクトの生成
　１行ごとのレイアウトを指定して、データを貼付けたりできる
getView()・・・１行ごとに実行されるメソッド
　convertView==nullならinflate
　ポジションからT itemの取得
あとはitemオブジェクトを好きなように煮て食う
　（今回はオーダー情報から調理完了かどうかをみて背景色を変更する処理を行っている）

public class OrderArrayAdapter extends ArrayAdapter<pastorder>{
 private Context myContext;
 private LayoutInflater li;
 
 public OrderArrayAdapter(Context context, List<pastorder> objects) {
  super(context, 0, objects);
  myContext = context;
  li = (LayoutInflater)myContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
 }
 
 　　//ListViewの１行ごとに呼び出されるメソッド
　　//ここで１行ごとオブジェクトを取得し、好きな処理を行う
 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
  int UNCOMPLETE_COLOR = myContext.getResources().getColor(R.color.status_item_background_complete);
  int COMPLETE_COLOR = myContext.getResources().getColor(R.color.status_item_background_uncomplete);
 
  if(convertView == null){
   convertView = li.inflate(R.layout.past_order_item, null);
  }
  //対象の行のアイテムを取得
  PastOrder pastOrder = (PastOrder)this.getItem(position);
 
  if(pastOrder != null){
   //テキストビューの生成
   TextView pastOrderName = (TextView)convertView.findViewById(R.id.pastOrderName);
   TextView pastOrderNum = (TextView)convertView.findViewById(R.id.pastOrderNum);
   TextView pastOrderDate = (TextView)convertView.findViewById(R.id.pastOrderDate);
   //１行のビューに名前、数量、日時の設定
   if(pastOrderName != null){
    pastOrderName.setText(pastOrder.getOrder());
   }
   if(pastOrderNum != null){
    pastOrderNum.setText(pastOrder.getNum());
   }
   if(pastOrderDate != null){
    pastOrderDate.setText(pastOrder.getDateString());
   }
   //背景色を調理完了かどうかで色分け
   if(pastOrder.isCompleted()){
    convertView.setBackgroundColor(COMPLETE_COLOR);
    Log.v("Adapter", position+"\t"+"comp"+"\t"+pastOrder.getOrder());
   }else{
    convertView.setBackgroundColor(UNCOMPLETE_COLOR);
    Log.v("Adapter", position+"\tuncomp"+"\t"+pastOrder.getOrder());
   }
  }
  return convertView;
 }
}
</pastorder></pastorder>

５．ListViewActivity
ListViewに貼付けるデータの生成
アダプターのセット

protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.past_order);
 //リストに貼付けるデータの作成
 List<pastorder> pastOrderList = createPastData2(result);
 //過去のオーダ情報をレイアウトに表示
 setPastOrderToView3(pastOrderList);
}
private List<pastorder> createPastData2(JSONArray jArr){
 //TODO PastOrderクラスのインスタンスを登録する
 List<pastorder> pastOrderList = new ArrayList<pastorder>();
 JSONObject jObj;
 for(int i = 0; i < jArr.length(); i++){
  try {
   jObj = jArr.getJSONObject(i);
 　　　　　　　//---------------------------
 　　　　　　　//ここでPastOrderインスタンスを作成し、リストに登録していく
   String order = jObj.getString("order");
   String num = jObj.getString("num");
   Long dateLong = jObj.getLong("date");
   Date date = new Date(dateLong);
   boolean completed = jObj.getBoolean("completed");
   SimpleDateFormat sdf = new SimpleDateFormat("yyyy/MM/dd  HH:mm:ss", Locale.JAPAN);    
   PastOrder pastOrder = new PastOrder(order, num, sdf.format(date), completed);
   pastOrderList.add(pastOrder);
 　　　　　　　//---------------------------
  } catch (JSONException e) {
   e.printStackTrace();
  }
 }
 return pastOrderList;
}
private void setPastOrderToView3(List<pastorder> pastOrderList){
 Log.v("Adapter", pastOrderList.size()+"-------");
 mOrderArrayAdapter = new OrderArrayAdapter(this,pastOrderList);
　　 //---------------------------
　　 //アダプターをセットする！正直メソッドにする必要はないッ！！！
 setListAdapter(mOrderArrayAdapter);
}
</pastorder></pastorder></pastorder></pastorder></pastorder>

ほぼ、この流れで「オブジェクトをListViewに貼付けて、オブジェクトごとに背景色を塗り分ける」という処理が実装できるはず。
何かコメントなどあればお願いします。
（※いろいろ消してるのでたぶんこのままでは動きません）

uniaのメモリング

2012年11月22日木曜日

GoogleAppEngine(GAE)でのBasic認証に関して

2012年11月15日木曜日

ListViewの内容取得（ListView拡張、カスタムListView、カスタムAdapter）