การสร้างแอพเพื่อส่งอีเมล

ขั้นตอนการสร้างแอพเพื่อส่ง   Email

ขั้นตอนที่  1  สร้าง New Project  ชื่อ  Mobile 

ขั้นตอนที่  2   เปลี่ยน  AlignHorizontal  ให้เป็น center

                       เปลี่ยน ScreenOrientation ให้เป็น Portrait

                     เปลี่ยน Title  ให้เป็นชื่อ SendMyEmail

ขั้นตอนที่  3  ลาก  HorizontalArrangement  มาวาง

                      ลาก  EmailPicker  และ  Contact มาวางใน  HorizontalArrangement

                      ลาก  TextBox  มาวาง 2 ช่อง  และลาก  Button  มาวางปิดท้าย

ขั้นตอนที่  3  เข้าที่ตัวเลือก  Connectivity  เลือก  ActivityStarter

ขั้นตอนที่  4  ให้เราเข้าที่ลิงค์  https://www.flaticon.com/free-icon/phone-book_143414    เพื่อดาวน์โหลดไอคอน   และ  ให้เข้าลิงค์อีกอันเพื่อดาวน์โหลดไอคอนเช่นกัน  https://www.flaticon.com/free-icon/mail_138867#   เลือกโหลดเป็นไฟล์  PNG  เลือกขนาดตามความเหมาะสมในที่นี้เราเลือกขนาด  64  Pixels

และคลิกที่  Free Download  

ขั้นตอนที่  5  คลิกเลือก Component  HorizontalArrangement  เปลี่ยน  AlignVertical  ให้เป็น  Center  เปลี่ยน  Width  ให้เป็น Fill parent

ขั้นตอนที่  6  คลิกเลือก Component  EmailPicker1  เปลี่ยน  Width  ให้เป็น  Fill parent  ระบุข้อความ   Hint  ว่า “ระบุชื่อหรืออีเมล”  

ขั้นตอนที่  7  คลิกเลือก  Component  ContactPicker1  ปรับ Height และ  Width  ให้เท่ากับ  48  pixels  เปลี่ยน  Image  ให้เป็นไอคอนที่เราดาวน์โหลดมาชื่อไฟล์ว่า  phone-book.png   ลบข้อความตรง  Text  ออก

ขั้นตอนที่  8  คลิกเลือก Component  TextBox1  ปรับ  Width  ให้เป็น  Fill parent  ระบุข้อความใน  Hint  ว่า  “หัวข้อเรื่อง”

 ขั้นตอนที่  9  คลิกเลือก Component  TextBox2  เปลี่ยน  Height และ  Width   ให้เป็น  Fill  parent  ระบุข้อความใน  Hint ว่า “ข้อความอีเมล”

ข้นตอนที่  10  คลิกเลือก  Component  Button  ปรับ Height และ  Width  ให้เท่ากับ  48  pixels  เปลี่ยน  Image  ให้เป็นไอคอนที่เราดาวน์โหลดมาชื่อไฟล์ว่า  mail.png   ลบข้อความตรง  Text  ออก

ขั้นตอนที่  11  ให้เราทำการเปลี่ยนชื่อ  Component  ต่างๆตามรูปเลย

ขั้นตอนที่  12  เข้าที่  Blocks 

-          คลิกที่   Blocks ของ ContactPicker1 เลือก When do AfterPicking  มาวาง

-          คลิกที่   EmailPicker1 เลือก set Text มาวางใน  When do AfterPicking 

-          คลิกที่   ContactPicker1  เลือก  ContactPicker1  EmailAddress  มาวางต่อ  set Text

-          คลิกที่   SendEmail  เลือก When do SendEmail Click มาวาง

-          คลิกที่   ActivityStarter1 เลือก  Set  ActivityStarter1 Action to และ  Set  ActivityStarter1 DataUri to  และ Call  ActivityStarter1 StartActivity

-          คลิกที่   Text  เลือก  String  มาวางและใส่ข้อความว่า  “adroid.intent.action.VIEW”

-          คลิกที่   Text  เลือก  join  ให้เราขยายช่อง  join  เป็น  7  ช่อง  คลิกเลือก   join  จากนั้นพิมว่า  text  0twfh  String  ว่างๆมา  1  อัน  ทำเพิ่มเป็น  4  ย้ายมาวาง  3,5  และ  7 

ช่องแรกให้ใส่  mailto:

ช่องที่สามให้ใส  ?subject=

ช่องที่ห้าให้ใส่  &body=

ช่องที่เจ็ดให้ใส่  &cc=(ตามด้วยอีเมลที่คุณต้องการ CC)&bcc=(ตามด้วยอีเมลที่คุณต้องการbcc) 

-          คลิกที่   Emailpicker1  เลือก  EmailPicker1  Text  มาวางช่องที่ 2 ต่อจาก  mailto:

-          คลิกที่   Subject  เลือก  Subject  Text  มาวางช่องที่ 4 ต่อจาก  ?subject=

-          คลิกที่   Message  เลือก  Message  Text  มาวางช่องที่  6   ต่อจาก  &body=

-          คลิกที่หน้า  Designer  เลือก  ConnectivityStarter  เลือก  Web  มาวาง

-          คลิกที่หน้า  Blocks  เลือก  Web  เลือก call web1.UriEncode text  และนำ  Subject  Text  ในช่องที่ 4 มาวางต่อ call web1.UriEncode text  และยกทั้งชุดกลับไปต่อช่องที่ 4 เหมือนเดิม

-          ในช่องที่  6  ให้เราลบบล็อกออก  แล้ว Duplicate  บล็อกช่องที่  4  มาวาง เปลี่ยนจาก  Subject  เป็น Message

-          ใส่  call  ActivityStarter1.StartActivity

จัดวางตารูปด่านล่าง

ทดลองใช้งาน

1.       กรอกข้อความ  และลองกดส่ง

1.       จะเข้ามาที่หน้า  อีเมลกดส่ง

1.       ผลปรากฏ