Android Custom ListView -4 (웹서버 이미지 다운로드 및 이미지, 텍스트 출력)

웹서버 상에 이미지를 다운로드하여 안드로이드 어플에서 사진정보를 보여주기 위한 기능을 테스트를 위해서 구글링을 열심히 하면서 이미지 처리하는 예제를 제대로 하나 찾았다.

http://www.androidbegin.com/tutorial/android-json-parse-images-and-texts-tutorial/

Eclipse 기반에서 만들어진 것이라서 Android Studio 로 Import 해서 기능이 잘 동작하는 걸 확인하고 나서 본격적인 분석에 들어갔다.

지금까지 내가 테스트하고 있는 것의 잘못된 부분이 뭔지 찾기 위해 좀 더 이것저것 테스트를 했고 이제 제대로 된 결과가 나오는 걸 확인했다.

아쉬운 점은 구글링으로 구한 이미지 축소하는 소스가 크기가 일정하지 못하다는 단점이 있다.

검색하면 이미지 캐싱 기능이 되는 소스는 많이 검색된다.

문제는 서버에 있는 이미지를 어떻게 가져다가 활용하는지에 대한 예재를 찾기가 어려웠다.

텍스트 정보만 가져와서 출력하는 기능 구현은 쉽게 가능했다.

PersonData.java

public class PesonData {     // PersonData 정보를 담고 있는 객체 생성     private String profile_image; // 이미지 경로를 String으로 받기 위해서     private String uid;     private String name;     private String mobileNO;     private String officeNO;     public PesonData() {     }     public PesonData(String profile_image, String uid, String name, String mobileNO, String officeNO) {         this.profile_image = profile_image;         this.uid = uid;         this.name = name;         this.mobileNO = mobileNO;         this.officeNO = officeNO;     }     public String getProfile_image() {         return profile_image;     }     public void setProfile_image(String profile_image) {         this.profile_image = profile_image;     }     public String getUid() {         return uid;     }     public void setUid(String uid) {         this.uid = uid;     }     public String getName() {         return name;     }     public void setName(String name) {         this.name = name;     }     public String getMobileNO() {         return mobileNO;     }     public void setMobileNO(String mobileNO) {         this.mobileNO = mobileNO;     }     public String getOfficeNO() {         return officeNO;     }     public void setOfficeNO(String officeNO) {         this.officeNO = officeNO;     } }

MainActivity.java

public class MainActivity extends AppCompatActivity {     public SharedPreferences settings;     private ListView listView; // 리스트뷰     private EditText editText;     private Button btn_search;     private ArrayList<PesonData> arrayList = null; // 데이터 리스트     private ListViewAdapter listViewAdapter = null; // 리스트뷰에 사용되는 ListViewAdapter     ProgressDialog mProgressDialog;     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);         editText = (EditText) findViewById(R.id.et_text01);         // Adapter에 추가 데이터를 저장하기 위한 ArrayList         arrayList = new ArrayList<PesonData>(); // ArrayList 생성         listView = (ListView) findViewById(R.id.my_listView);         listViewAdapter = new ListViewAdapter(this); // Adapter 생성         listView.setAdapter(listViewAdapter); // 어댑터를 리스트뷰에 세팅         btn_search = (Button) findViewById(R.id.btn_search);         btn_search.setOnClickListener(new View.OnClickListener() {             @Override             public void onClick(View view) {                 settings = getSharedPreferences("settings", Activity.MODE_PRIVATE);                 //System.out.println("search ==="+ editText.getText().toString().trim());                 Uri.Builder builder = new Uri.Builder()                         .appendQueryParameter("search", editText.getText().toString().trim())                         .appendQueryParameter("idx", "2"); // settings.getString("idx","")                 final String postParams = builder.build().getEncodedQuery();                 new getJSONData().execute(Value.IPADDRESS + "/get_json.php",postParams);                 hideSoftKeyboard();             }         });     }     private void hideSoftKeyboard(){ // 소프트 키보드 숨기기         InputMethodManager imm = (InputMethodManager) getSystemService( Context.INPUT_METHOD_SERVICE );         imm.hideSoftInputFromWindow( editText.getApplicationWindowToken(), 0 );     }     class getJSONData extends AsyncTask<String, Void, String> {         @Override         protected void onPreExecute() {             super.onPreExecute();             // Create a progressdialog             mProgressDialog = new ProgressDialog(MainActivity.this);             mProgressDialog.setTitle("Personal Profile JSON Parse");             mProgressDialog.setMessage("Loading...");             mProgressDialog.setIndeterminate(false);             mProgressDialog.show();  // Show progressdialog         }         @Override         protected String doInBackground(String... params) {             try {                 return PHPComm.getJson(params[0],params[1]);             } catch (Exception e) {                 return new String("Exception: " + e.getMessage());             }         }         protected void onPostExecute(String result){             searchJSON=result;             showList();             mProgressDialog.dismiss();         }     }     // 서버 정보를 파싱하기 위한 변수 선언     String searchJSON;     private static final String TAG_RESULTS="result";     private static final String TAG_UID = "uid"; // 서버 테이블의 실제 필드명     private static final String TAG_NAME = "name";     private static final String TAG_MobileNO ="mobileNO";     private static final String TAG_OfficeNO ="officeNO";     private static final String TAG_Image = "photo"; // 이미지 필드     JSONArray peoples = null;     protected void showList() {         try {             JSONObject jsonObj = new JSONObject(searchJSON);             peoples = jsonObj.getJSONArray(TAG_RESULTS);             arrayList.clear(); // 서버에서 가져온 데이터 초기화             for(int i=0;i<peoples.length();i++){                 JSONObject c = peoples.getJSONObject(i);                 final String uid = c.getString(TAG_UID);                 final String name = c.getString(TAG_NAME);                 final String mobileNO = c.getString(TAG_MobileNO);                 final String officeNO = c.getString(TAG_OfficeNO);                 final String Profile_Image = c.getString(TAG_Image);                 // 서버에서 가져온 데이터 저장                 listViewAdapter.addItem(photoURL,uid,name,mobileNO,officeNO);             }             runOnUiThread(new Runnable() {                 // 화면에 반영하기 위하여 runOnUiThread()를 호출하여 실시간 갱신한다.                 @Override                 public void run() {                     // 갱신된 데이터 내역을 어댑터에 알려줌                     listViewAdapter.notifyDataSetChanged();                 }             });         } catch (JSONException e) {             e.printStackTrace();         }     }     class ViewHolder {         public LinearLayout child_layout;         public ImageView profile_Image;         public TextView tv_name;         public TextView tv_mobileNO;         public TextView tv_officeNO;         public Button chid_btn;     }     private class ListViewAdapter extends BaseAdapter {         ImageLoader imageLoader;         Context context;         public ListViewAdapter(Context context) {             this.context = context;             imageLoader = new ImageLoader(context);         }         @Override         public int getCount() {             return arrayList.size(); // 데이터 개수 리턴         }         @Override         public Object getItem(int position) {             return arrayList.get(position);         }         // 지정한 위치(position)에 있는 데이터 리턴         @Override         public long getItemId(int position) {             return position;         }         // position에 위치한 데이터를 화면에 출력하는데 사용될 View를 리턴         @Override         public View getView(int position, View convertView, ViewGroup parent) {             final ViewHolder viewHolder;             final Context context = parent.getContext();             // 화면에 표시될 View             if(convertView == null){                 viewHolder = new ViewHolder();                 LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);                 convertView = inflater.inflate(R.layout.person_item,parent,false);                 convertView.setBackgroundColor(0x00FFFFFF);                 convertView.invalidate();                 // 화면에 표시될 View 로부터 위젯에 대한 참조 획득                 viewHolder.profile_Image = (ImageView) convertView.findViewById(R.id.profile_Image);                 viewHolder.tv_name = (TextView) convertView.findViewById(R.id.child_name);                 viewHolder.tv_mobileNO = (TextView) convertView.findViewById(R.id.child_mobileNO);                 viewHolder.tv_officeNO = (TextView) convertView.findViewById(R.id.child_officeNO);                 viewHolder.chid_btn = (Button) convertView.findViewById(R.id.child_Btn);                 convertView.setTag(viewHolder);             } else {                 viewHolder = (ViewHolder) convertView.getTag();             }             // PersonData 에서 position 에 위치한 데이터 참조 획득             final PesonData pesonData = arrayList.get(position);             // 아이템 내 각 위젯에 데이터 반영             // 선택된 row의 데이터를 표시한다. 표시될 view는 person_item.xml 의 각 항목을 이용 표시한다.             System.out.println("imageurl==" + pesonData.getProfile_image());             if(pesonData.getProfile_image().equals("")){                 final Bitmap Base_Profile = PHPComm.autoresize_decodeResource(getResources(), R.mipmap.photo_base, 160);                 viewHolder.profile_Image.setImageBitmap(Base_Profile);             } else {                 final String photoURL = Value.IPADDRESS + "/photos/" + pesonData.getProfile_image();                 imageLoader.DisplayImage(photoURL, viewHolder.profile_Image);             }             viewHolder.tv_name.setText(pesonData.getName());             viewHolder.tv_mobileNO.setText(PhoneNumberUtils.formatNumber(pesonData.getMobileNO()));             viewHolder.tv_officeNO.setText(PhoneNumberUtils.formatNumber(pesonData.getOfficeNO()));             viewHolder.chid_btn.setOnClickListener(new View.OnClickListener() {                 @Override                 public void onClick(View view) {                 }             });             return convertView;         }         // 아이템 데이터 추가를 위한 메소드         public void addItem(String profile_image, String uid, String name, String mobileNO, String officeNO){             PesonData item = new PesonData();             item.setProfile_image(profile_image);             item.setUid(uid);             item.setName(name);             item.setMobileNO(mobileNO);             item.setOfficeNO(officeNO);             arrayList.add(item);         }     } }

PHPComm.java

public class PHPComm extends Activity {     // serverURL : JSON 요청을 받는 서버의 URL     // postParams : POST 방식으로 전달될 입력 데이터     // 반환 데이터 : 서버에서 전달된 JSON 데이터     public static String getJson(String serverUrl, String postParams) throws Exception {         BufferedReader bufferedReader = null;           try {             Thread.sleep(100);             URL url = new URL(serverUrl);               HttpURLConnection conn = (HttpURLConnection) url.openConnection();             // 세션 쿠키 전달             String cookieString = CookieManager.getInstance().getCookie(Value.IPADDRESS);                          StringBuilder sb = new StringBuilder();               if(conn != null){ // 연결되었으면                 //add request header                 conn.setRequestMethod("POST");                 conn.setRequestProperty("USER-AGENT", "Mozilla/5.0");                 conn.setRequestProperty("Content-Type", "application/x-www-form-urlencoded");                 conn.setRequestProperty("Accept-Language", "en-US,en;q=0.5");                 if (cookieString != null) {                    conn.setRequestProperty("Cookie", cookieString);                    Log.e("PHP_getCookie", cookieString);                  }                 conn.setConnectTimeout(10000);                 conn.setReadTimeout(10000);                 conn.setUseCaches(false);                 conn.setDefaultUseCaches(false);                 conn.setDoOutput(true); // POST 로 데이터를 넘겨주겠다는 옵션                 conn.setDoInput(true);                 // Send post request                 DataOutputStream wr = new DataOutputStream(conn.getOutputStream());                 wr.writeBytes(postParams);                 wr.flush();                 wr.close();                 int responseCode = conn.getResponseCode();                 System.out.println("GET Response Code : " + responseCode);                         if(responseCode == HttpURLConnection.HTTP_OK){ // 연결 코드가 리턴되면                     bufferedReader = new BufferedReader(new InputStreamReader(conn.getInputStream()));                     String json;                     while((json = bufferedReader.readLine())!= null){                         sb.append(json + "\n");                     }                       }                 bufferedReader.close();             }             System.out.println("PHP Comm Out : " + sb.toString());             return sb.toString().trim();             // 수행이 끝나고 리턴하는 값은 다음에 수행될 onProgressUpdate 의 파라미터가 된다         } catch(Exception e){               return new String("Exception: " + e.getMessage());         }     }     public static boolean isExists(String URLName) {         // 서버에 파일의 존재 유무 파악         try {             HttpURLConnection.setFollowRedirects(false);             HttpURLConnection con = (HttpURLConnection) new URL(URLName).openConnection();             con.setRequestMethod("HEAD");             if (con.getResponseCode() == HttpURLConnection.HTTP_OK) {                 return true;             }         } catch (Exception e) {             e.printStackTrace();             return false;         }         return false;     }     public static Bitmap autoresize_decodeResource(Resources res, int resId, int reqHeight) {         // First decode with inJustDecodeBounds=true to check dimensions         final BitmapFactory.Options options = new BitmapFactory.Options();         options.inJustDecodeBounds = true;         BitmapFactory.decodeResource(res, resId, options);         // Calculate inSampleSize         options.inSampleSize = calculateInAutoSize(options, reqHeight);         // Decode bitmap with inSampleSize set         options.inJustDecodeBounds = false;         return BitmapFactory.decodeResource(res, resId, options);     }     public static int calculateInAutoSize(BitmapFactory.Options options, int reqHeight) {         // 원본 이미지의 높이와 너비         final int height = options.outHeight;         final int width = options.outWidth;         float ratio = width / height;         int reqWidth = Math.round((float) ratio * width);         int inSampleSize = 1;         if (height > reqHeight) {             final int halfHeight = height / 2;             while ((halfHeight / inSampleSize) > reqHeight) {                 inSampleSize *= 2;             }         }         return inSampleSize;     } }