บทความ

กำลังแสดงโพสต์จาก พฤษภาคม, 2021

สอนทำ WebView สามารถเปิดเว็บไซต์ได้บนแอพแอนดรอยด์ (Android) ง่ายมาก

รูปภาพ
WebView นั่นเป็นเหมือนเครื่องตัวหนึ่งของแอนดรอยด์ที่เอาไว้สำหรับทำฟีเจอร์ให้แอพพลิเคชั่นนั้นสามารถเข้าถึงเว็บไซต์ได้ โดยที่ไม่ต้องสลับไปใช้งานบน Browser หรือแอพพลิเคชั่นเล่นเว็บ ซึ่งการทำ WebView นั้นก็เป็นอะไรที่เขียนโค้ดง่ายมาก เรียกได้ว่าเขียนสั้นๆ ก็จบการทำงานขั้นพื้นฐานได้เลย อธิบายโค้ด this .webView = findViewById (R.id.webview); webView. setWebViewClient ( new WebViewClient ()); webView. loadUrl ( "https://tanat29myproject.com/" ); ประกาศ Widget  เพื่อให้สามารถใช้งาน WebView ได้ และกำหนด loadUrl ว่าให้โหลดเข้าที่แอดเดรสไหน WebSettings webSettings = webView. getSettings (); webSettings. setJavaScriptEnabled ( true ); กำหนดให้เปิด JavaScript ระหว่างการใช้งาน WebView โดยกำหนดให้เป็น true @ Override public void onBackPressed () { if (webView. canGoBack ()) { webView. goBack (); } else { super . onBackPressed (); } } กำหนดว่าถ้ากดปุ่ม Back บนมือถือ ให้หน้าเว็บบน WebView นั้นสามารถย้อนกลั

การทำ Animated Curved Tabbar บน SwiftUI แบบเท่ห์ๆ

รูปภาพ
  การทำ Animated Curved Tabbar จะคล้ายๆกับการทำ BottomNavigationBar ซึ่งจะมีลักษณะเป็นแถบด้านล่างให้เหมือนกัน แต่อนิเมชั่นการเล่นการแสดงผลนั้นจะแตกต่างกันไป เด่วเราไปดูวิธีการทำ  Animated Curved Tabbar เลย

การทำ Crop Image ตัดรูปภาพเล็กลงบน Android Studio

รูปภาพ
ฟังก์ชั่นการตัดภาพถือว่าเป็นฟังก์ชันที่สำคัญมากของแอพพลิเคชั่นหลายๆตัว ลองคิดดูว่าถ้าหากเราเลือกรูปภาพได้ ภ่ายรูปได้ แต่ไม่สามารถตัดภาพตามแบบที่เรากำหนดได้ รูปภาพนั้นจะออกมาเป็นอย่างไร จะสวยแค่ไหน เพราะบางทีอาจจะมีบางจุดที่เราไม่ต้องการให้มาอยู่ในรูปก็ได้  ดังนั้นจึงมีระบบ CropImage หรือการตัดรูปเข้ามาช่วยในส่วนนี้ โดย ณ ตัวอย่างนี้จะใช้ตัวอย่างของ  ArthurHub (ชื่อบน Github) มาเป็นตัวอย่าง ซึ่งพอนำมาเขียนจริงๆนั้น โค้ดโดยรวมนั้นง่ายมาก จะมากแค่ไหนไปดูได้เลย เพิ่ม Dependencies ไฟล์ build.gradle implementation 'com.theartofdev.edmodo:android-image-cropper:2.8.+' ก่อนที่เราจะเริ่มเขียนโปรแกรม เราต้องเพิ่ท dependencies เข้าไปก่อน โดยให้เข้าไปที่ build.gradle และเพิ่มโค้ดส่วนบนเข้าไปในแถบ dependencies เมื่อเพิ่มเสร็จแล้วให้กด Sync Now และรอสักครู่ อธิบายโค้ด button .setOnClickListener( new View.OnClickListener() { @Override public void onClick (View v) { CropImage. activity ().start(MainActivity. this ) ; } }) ; กำหนดปุ่มกดว่า ถ้ากดแล้วให้ใช้คำสั่ง CropImage.act