ตัวอย่างนี้สาธิตวิธีการ สร้าง CircularImageView ใน Android
ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่
ขั้นตอนที่ 2 −ในการสร้างมุมมองแบบวงกลม เราควรเพิ่มไลบรารี CircularImageView ในไฟล์ gradle ดังที่แสดงด้านล่าง
<ก่อนหน้า>ใช้ปลั๊กอิน:'com.android.application'android { compileSdkVersion 28 defaultConfig { applicationId "com.example.andy.myapplication" minSdkVersion 15 targetSdkVersion 28 versionCode 1 versionName "1.0" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner " } buildTypes { รีลีส { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } การพึ่งพา { การนำไปใช้ fileTree (dir:'libs' รวมถึง:['*.jar'] ) การใช้งาน 'com.android.support:appcompat-v7:28.0.0' การใช้งาน 'com.android.support.constraint:constraint-layout:1.1.3' การทดสอบการใช้งาน 'junit:junit:4.12' androidTestImplementation 'com.android.support .test:runner:1.0.2' การใช้งาน 'com.mikhaellopez:circularimageview:3.2.0' androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'}ขั้นตอนที่ 3 − ต่อไปนี้เป็นเนื้อหาของไฟล์กิจกรรมหลักที่แก้ไข MainActivity.java ไฟล์นี้สามารถรวมวิธีวงจรชีวิตพื้นฐานแต่ละวิธี เราได้สร้าง CircularImageView ใน activity_main.xml
<ก่อนหน้า>นำเข้า android.support.v7.app.AppCompatActivity นำเข้า android.os.Bundle คลาสสาธารณะ MainActivity ขยาย AppCompatActivity { @Override ป้องกันโมฆะ onCreate (Bundle savedInstanceState) { super.onCreate (savedInstanceState); setContentView(R.layout.activity_main); }}ขั้นตอนที่ 4 − ต่อไปนี้จะเป็นเนื้อหาของไฟล์ res/layout/activity_main.xml เพื่อรวม CircularImageView .
<รุ่นก่อนหน้า>เลย์เอาต์ด้านบนเราได้ประกาศ CircularImageView เป็น com.mikhaellopez.circularimageview.CircularImageView และเพิ่มรูปภาพจาก drawable เนื่องจาก id เป็นรูปภาพ
มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -
คุณสมบัติของ CircularImageView
-
app:civ_border - คุณสมบัตินี้ใช้ในการสร้างเส้นขอบและค่าเริ่มต้นเป็นจริง
-
app:civ_border_color − คุณสมบัตินี้ใช้เพื่อสร้างสีเส้นขอบและสีเริ่มต้นคือสีขาว
-
app:civ_border_width − คุณสมบัตินี้ใช้เพื่อสร้างความกว้างของเส้นขอบและค่าเริ่มต้นคือ 4dp
-
app:civ_background_color − คุณสมบัตินี้ใช้เพื่อสร้างสีพื้นหลังและสีพื้นหลังเริ่มต้นคือสีขาว
-
app:civ_shadow − คุณสมบัตินี้ใช้เพื่อสร้างเงาสำหรับรูปภาพ และค่าเริ่มต้นเป็นเท็จ หากจำเป็นต้องใช้เงา เราจำเป็นต้องทำให้เป็นจริง
-
app:civ_shadow_color − คุณสมบัตินี้ใช้เพื่อสร้างสีเงาสำหรับรูปภาพและค่าเริ่มต้นคือสีดำ
-
app:civ_shadow_radius − คุณสมบัตินี้ใช้เพื่อสร้างรัศมีเงาสำหรับรูปภาพและค่าเริ่มต้นคือ 8.0f
-
app:civ_shadow_gravity − คุณสมบัตินี้ใช้เพื่อสร้างแรงโน้มถ่วงของเงาสำหรับรูปภาพและค่าเริ่มต้นคือด้านล่าง