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

ขั้นตอนการสร้างแอพเพื่อส่ง   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.       ผลปรากฏ

การสร้างแอพบันทึกเสียง และเล่นไฟล์เสียง

ขั้นตอนการเข้าสร้าง App เพื่อบันทึกและเล่นไฟล์ประเภทเสียง

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

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

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

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

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

                   ลาก  HorizontalArrangement  มาวางต่อจาก  Label

                นำ  Button  มาวางใน  HorizontalArrangement จำนวน 3 ปุ่ม

                   นำ  HorizontalArrangement มาวางอีก 1 อัน

     นำ  Slider  มาวางในช่องของ  HorizontalArrangement

     นำ  Button  มาวางข่างๆ  กับ  Slider

ขั้นตอนที่ 4  ให้เข้าที่  Media  เลือก SoundRecorder / Player / Sound  มาวาง

 ขั้นตอนที่ 5  ให้ทำการตั้งค่า  Companents 

-          เริ่มจาก  Label1  ให้เปลี่ยน  Text  เป็น “ชื่อไฟล์เสียง”

-          ต่อมาให้เปลี่ยน  Label2  เป็น  Status: IDLE

-          ต่อมาให้เปลี่ยน  HorizontalArrangement  ตรง AlignHorizontal และ  AlignVertical  ให้เป็น Center  และตั้งค่า  Height  ให้เป็น  58  Pixels

-          ต่อมาให้เปลี่ยน  Button1  เปลี่ยนตรง  Height  และ  Width  ให้เป็น  48  Pixels  เปลี่ยน  image  ให้เป็นรูป  record.png

-          ต่อมาให้เปลี่ยน  Button2  เปลี่ยนตรง  Height  และ  Width  ให้เป็น  48  Pixels  เปลี่ยน  image  ให้เป็นรูป  stop.png

-          ต่อมาให้เปลี่ยน  Button2  เปลี่ยนตรง  Height  และ  Width  ให้เป็น  48  Pixels  เปลี่ยน  image  ให้เป็นรูป  play.png

-          ต่อมาให้เปลี่ยน  HorizontalArrangement  ให้  Width  ให้เป็น  Fill   Parent  ส่วน  AlignVertical  ให้เป็น  Center

-          ต่อมาให้เปลี่ยน  Slider  เปลี่ยน Width  ให้เป็น  Fill parent  ตั้งค่า  MaxValue  ให้เป็น  100  ตั้งค่า  MinValue  ให้เป็น  0   ตั้งค่า  ThumbPosition  ให้เป็น  50

-          ส่วน  Soundrecorder,Player  และ  Sound  ให้ตั้งค่าไว้เหมือนเดิม

-          จากนั้นให้ทำการเปลี่ยนชื่อ  Components  ตามรูปด่านล่างเลย

ขั้นตอนที่ 6  จากนั้นให้เข้าที่  Blocks  เพื่อเขียนโปรแกรม

-          คลิกที่ Record เลือก When do Click

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

-          คลิกเลือก  Text  เลือก  text String  มาวาง จากนั้นใส่ข้อความว่า  Status: Recording

-          คลิกไปที่  SoundRecorder เลือก  call  Start

-          คลิกที่ปุ่ม  Stop  จากนั้นเลือก  When do Click

-          Duplicate set Text  มาวางในช่องของปุ่ม  Stop  โดยเปลี่ยน Status: Recording ให้เป็น  Status: IDLE

-          จากนั้นไปที่  SoundRecorder เลือก  call  Stop

-          ไปที่ Player ลาก call  Stop  มาวางด้วย

-          คลิกที่  SoundRecorder เลือก when do  afterSoundRecorded

-          คลิกเลือก  FlieName  เลือก set Text  กด  sound เลือก  get  sound

-          คลิกที่  Player เลือก set Source to

-          Duplicate  get  sound  ออกมา

-          ต่อไปทำปุ่ม  Play  คลิกเลือก when  do  click

-          Duplicate set Text  มาวางในช่องของปุ่ม  Play  โดยเปลี่ยน Status: Recording ให้เป็น  Status: Playing

-          คลิกที่  Player  เลือก  call  Stat

-          คลิกเลือก  Player  เลือก when do Completed

-          Duplicate set Text  มาวางในช่องของปุ่ม  Player  โดยเปลี่ยน Status: Recording ให้เป็น  Status: IDLE

-          จากนั้นไปที่  Sound ลาก Vibrate  มาวางต่อจาก  set text

-          ไปที่ Math  เลือก  report the number shown  มาวางต่อ  Vibrate  และใสตัวเลข  500  ลงไป

-          เลือกปุ่ม  Volume  เลือก  PositionChanged 

-          ไปที่  Player  ลาก  set  volume  มาวาง

-          จากนั้นเอา  get thumbPosition  คลิกจากตัวหนังสือสีแดงใน  PositionChanged

-          คลิกที่ Mute ลาก  when do Mute Click  มาวาง

-          จากนั้น  Duplicate set Player Volume จากบล็อกของ  Volume มา  ลบ  get thumbPosition  ออก  เอาเลข 0 มาต่อท้าย  โดยคลิกที่  Math  เลือก  report the number shown 

-          ไปที่  Volume ลาก  set ThumbPosition  จากนั้น  Duplicate   report the number shown    มาวางต่อท้าย

-          ไปที่ปุ่ม  play   ลาก  set Enabled  มาต่อตรง  Reccord

-          ไปที่  Logic เลือก false  มาต่อตรง  set Enabled 

-          จากนั้น  Duplicate  set   Enabled    มาวางที่  when  do  play  Click  เปลี่ยนจาก  play  เป็น  Record

-          Duplicate  set   Enabled    มาต่อที่ปุ่ม  stop  เปลี่ยนจาก  false  เป็น  true

-          Duplicate  set   Enabled    มาต่อที่ปุ่ม  stop  เปลี่ยนจาก  false  เป็น  true  เปลี่ยน  Record  เป็น  play

รูปตัวอย่างการจัดวาง

รูปสำเร็จของงาน