Android: bookmark Google Weather Forecast and Multi View in ScrollView


bookmark Google Weather Forecast and Multi View in ScrollView

เริ่มง่วงมากแล้วเอาไว้ต่อพรุ่งนี้ เก็บลิ้งเอาไว้ก่อน เป็นลิ้งสำหรับการดึงเอาค่าพยากรณ์อากาศของ Google Weather API มาใช้ โดยมีการใช้ SAX ที่เป็นคลาส XML handler ของ android และเมื่อเราอ่านค่ามาทั้งหมดได้แล้วก้อมาถึงการจัดเรียงหน้าตาโปรแกรมก้อติดปัญหาอยู่ว่า เวลาเอา listView มาต่อๆ กันเยอะๆ มันไม่ยืดตามให้ ดังนั้นต้องใช้ ScrollView ช่วย แต่ต้องกำหนดค่าความสูงของ View ที่อยู่ใน ScrollView ด้วยนะ เพราะเมื่อสร้าง ScrollView แล้วมันจะมี LinearLayout มาให้ เราก้อเอา View ของเรามาใส่ใน LinearLayout นั้นแล้วเซ็ตค่าความสูงให้แต่ละ ListView เท่านี้ก้อสำเร็จ

Step by Step and Referrence

1) การอ่านค่าจาก XML

2) การดึงค่ามาจาก Google Weather API

3) การโหลดภาพจาก URL ให้เป็น bitmap เพื่อเอาไปใช้ใน ImageView

code:

URL newurl = new URL(photo_url_str);
Bitmap bitmap = BitmapFactory.decodeStream(newurl.openConnection().getInputStream());
imageView.setImageBitmap(bitmap);

4) การจัดเลเอาท์ให้สวยงามแบบ Multi View in ScrollView: จะเป็นการยึดขนาดของ ListView โดยการคำนวณความสูงของ View ที่เป็นลูกแล้วมาเซ็ตขนาดความสูงใหม่ให้ List View

ขอเก็บลิ้งไว้ก่อนแล้วกันเนอะ เดี๋ยวจะมาจัด tutorial ให้ครับ

วันต่อมา… การจัดรูปแบบสำเร็จหน้าตาโปรแกรมก็จะออกมาอย่างนี้ครับ

adaydesign :)

About adaydesign

นักพัฒนาแอพพลิเคชั่นบนโมบาย [iPhone Android] คนหนึ่งซึ่งอยากจะบันทึกเรื่องราวของเส้นทางนักพัฒนาโมบายแอพพลิเคชั่นเอาไว้ในบล็อคน้อยๆ แห่งนี้ เผื่อจะแบ่งบันและแลกเปลี่ยนความรู้ให้กับคนอื่นๆ ได้บ้าง :) Mobile Application Developer; Flash Mobile, iPhone/iPad, Android Mobile Phone/Tablet and Blackberry Playbook.

Posted on มีนาคม 8, 2011, in [Dev] Android, [Link] Android, [Link] bookmark and tagged , , , , , , , , , , , , , , , . Bookmark the permalink. 1 ความเห็น.

  1. อยากได้ Tutorial อันนี้จังเลยอ่ะค้าบบบ ^^

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: