Дэвсгэр зургийг хэрхэн яаж байрлуулах вэ Андройд Студио
Android Studio нь хамгийн алдартай хөгжүүлэлтийн хэрэгслүүдийн нэг юм програм үүсгэх Андройд платформ дээрх гар утас. Аливаа програмын үндсэн шинж чанаруудын нэг нь дэвсгэр зургийг ашиглан гадаад төрхийг нь өөрчлөх чадвар юм. Энэ нийтлэлд бид хэрхэн яаж хийхийг танд үзүүлэх болно Android Studio дээр арын дэвсгэр зураг тавих энгийн бөгөөд үр дүнтэй аргаар.
Үйл явц нь Android Studio-д арын дэвсгэр зураг тавь Энэ нь зургийг сонгохоос эхлээд програмын интерфейс дээр зөв хэрэгжүүлэх хүртэлх хэд хэдэн алхмуудыг хамарна. Эхний даалгавар бол дэвсгэр болгон ашиглахыг хүссэн зургаа сонгох явдал юм. Оновчтой үзэхийн тулд зургийн хэмжээ, нягтрал, формат зэрэг талуудыг анхаарч үзэх нь чухал юм. өөр өөр төхөөрөмжүүд.
Зургийг сонгосны дараа та үүнийг Android Studio төсөлд нэмэх хэрэгтэй. Энэ Үүнийг хийж болно зургийн файлыг програмын нөөцийн хавтас руу чирж буулгах замаар. Android Studio нь янз бүрийн төхөөрөмжүүдийн пикселийн нягтралд тохируулан зургийн янз бүрийн хувилбаруудыг автоматаар үүсгэх болно.
Дараагийн алхам нь үүнд хамаарна дэвсгэр зургийг тохируулах програмын интерфейс дээр. Энэ нь арын дэвсгэр зургийг харуулахыг хүсч буй үйл ажиллагааны байршилд тохирсон XML файлыг өөрчлөх замаар хийгддэг. Та ImageView элемент нэмж, төсөлд өмнө нь нэмсэн зургийн замд дэвсгэр шинж чанарыг тохируулах ёстой.
Эцэст нь, дэвсгэр зураг зөв гарч байгаа эсэхийг шалгахын тулд төхөөрөмж эсвэл эмулятор дээр програмыг эмхэтгэж, ажиллуулах нь чухал юм. Зарим тохиолдолд хүссэн үр дүнд хүрэхийн тулд зургийн хэмжээ эсвэл байрлалыг тохируулах шаардлагатай байж болно. Арын дэвсгэр зургийг зөв харуулсны дараа програмын харааны тохируулга дуусна.
Дүгнэж хэлэхэд, Android Studio дээр арын дэвсгэр зураг тавь Энэ нь хэд хэдэн үндсэн алхмуудыг дагахыг шаарддаг харьцангуй энгийн процесс юм. Хэрэгслийг зөв ашиглаж, програмын интерфейс дэх зургийг зөв хэрэгжүүлснээр, Үүнд хүрч болно харагдахуйц сэтгэл татам, хувь хүний дүр төрх.
– Android Studio дээр ашиглах дэвсгэр зургийг бэлтгэ
Та Android Studio програмдаа ямар дэвсгэр зургийг ашиглахаа шийдсэн бол бүх төхөөрөмж дээр сайхан харагдахын тулд үүнийг зөв бэлтгэх нь чухал юм. Дэвсгэр зургийг бэлтгэхийн тулд дараах үндсэн алхмуудыг дагана уу.
1. Тохиромжтой зургийг сонгоно уу: Таны хэрэглээний загварт тохирсон өндөр нарийвчлалтай зургийг сонгох нь чухал юм. Зураг нь зөв харьцаатай, янз бүрийн дэлгэцийн хэмжээтэй зөв харагдаж байгаа эсэхийг шалгаарай.
2. Файлын хэмжээг оновчтой болгох: Програмаа хамгийн гүйцэтгэлийг хангахын тулд арын зургийн файлын хэмжээг оновчтой болгохыг зөвлөж байна. Та зургийн чанарыг алдагдуулахгүйгээр файлын хэмжээг багасгахын тулд онлайн хэрэгсэл эсвэл зураг засварлах програмуудыг ашиглаж болно.
3. Зургийг тохирох формат руу хөрвүүлэх: Android Studio нь нийцтэй өөр өөр форматууд JPEG, PNG, GIF гэх мэт зураг. Төсөлдөө нэмэхээсээ өмнө дэвсгэр зургийг дэмжигдсэн формат руу хөрвүүлэхээ мартуузай. Та энэ хөрвүүлэлтийг хийхийн тулд зураг засварлах програм хангамж эсвэл онлайн үйлчилгээг ашиглаж болно.
Сайн бэлтгэсэн арын дэвсгэр зураг нь таны апп-ын харагдах байдлыг сайжруулж, хэрэглэгчдэд тааламжтай харагдах байдлыг бий болгож чадна гэдгийг санаарай. Дээрх алхмуудыг дагаж арын дэвсгэр зураг тань хамгийн сайн харагдаж байгаа эсэхийг шалгаарай. Android Studio дээр. Шалгалт өгөхөө бүү мартаарай өөр өөр төхөөрөмжүүд дээр хэмжээ тус бүр дээр зураг хэрхэн харагдаж байгааг шалгахын тулд.
– Өөрийн Android Studio төсөлдөө дэвсгэр зургийг импортлох
Android апп-ын арын дэвсгэр зураг нь Android Studio дээрх таны төсөлд үзэмж сайтай, хувийн онцлогт тохирсон өнгө аяс нэмэх боломжтой. Аз болоход, Android Studio-д дэвсгэр зургийг импортлох нь хэдхэн алхмаар хийгдэх энгийн үйл явц юм. Эдгээр энгийн алхмуудыг даган өөрийн Android төслийн Studio-д дэвсгэр зургийг импортлох, харуулах боломжтой.
1. Зургийг бэлтгэ: Өөрийн Android Studio төсөлд дэвсгэр зургийг импортлохын өмнө зургийг оновчтой болгож, зохих хэмжээстэй эсэхийг шалгах нь чухал юм. Өндөр нарийвчлалтай зураг ашиглах нь програмын гүйцэтгэлд нөлөөлж болохыг санаарай. Зургийг оновчтой болгохын тулд та Photoshop эсвэл GIMP зэрэг зураг засварлах хэрэгслийг ашиглаж болно.
2. Төсөлд зургийг импортлох: Арын дэвсгэр зургийг оновчтой болгосны дараа та үүнийг Android Studio төсөлдөө импортлох боломжтой. Үүнийг хийхийн тулд төслийн нөөцийн хавтсыг нээж, зурж болох хавтас дээр хулганы баруун товчийг дарна уу. Дараа нь “Explorer-д харуулах” сонголтыг (эсвэл та Mac системтэй бол “Finder-д харуулах”) сонголтыг сонгоно уу. Энэ нь таны файлын систем дээрх зурж болох хавтасны байршлыг нээх болно. Оновчтой дэвсгэр зургийг хуулж буулгах эсвэл зурж болох хавтас руу чирж буулгана уу.
3. Зургийг дэвсгэр болгон оноох: Одоо арын дэвсгэр зургийг таны төсөлд импортолсон тул та үүнийг өөрийн XML байршилд дэвсгэр болгон оноож болно. Таны үйл ажиллагаа эсвэл фрагментэд тохирох XML файлыг нээж, үндсэн элементийг олоорой. root элементэд дараах кодын мөрийг нэмнэ үү: android:background=»@drawable/image_name», энд “зургийн_нэр” нь таны импортолсон зургийн файлын нэр юм. Энэ нь арын дэвсгэр зургийг таны үйл ажиллагаа эсвэл фрагментийн дэвсгэр болгон өгөх болно. Та мөн энэ техникийг ашиглан "андроид: дэвсгэр"-ийн оронд "арын дэвсгэр" шинж чанарыг зааж өгснөөр товчлуурууд эсвэл дүрсний харагдах байдал гэх мэт бие даасан элементүүдэд дэвсгэр зураг оноож болно гэдгийг санаарай.
– Android Studio дээр үндсэн үйл ажиллагааг үүсгэ
Android Studio дээр программыг боловсруулахад хийх гол ажлуудын нэг нь үндсэн үйл ажиллагааг бий болгох явдал юм. Энэ үйл ажиллагаа нь програмыг нээх үед хэрэглэгчдэд харагдах зүйл бөгөөд ихэвчлэн ачаалагдсан анхны дэлгэц юм. Энэ нийтлэлд би Android Studio дээр үндсэн үйл ажиллагааг хэрхэн энгийн бөгөөд үр дүнтэйгээр үүсгэхийг харуулах болно.
Эхний чи юу хийх ёстой вэ Android Studio дээр төслөө нээж, төслийн үндсэн бүтцийг бий болгосон эсэхийг шалгах явдал юм. Үүнд “ActivityMain.xml” файл болон “MainActivity.java” файл харгалзах хавтас дотор байх зэрэг багтана.
Та төслөө зөв тохируулсны дараа дараах алхмуудыг үргэлжлүүлнэ үү бүтээх үндсэн үйл ажиллагаа:
1. "ActivityMain.xml" файлаас үндсэн үйл ажиллагааны дизайныг олох болно. Энд та харуулахыг хүссэн визуал элементүүдийг нэмж болно. дэлгэцэн дээртовч, зураг, текст талбар гэх мэт. Эдгээр элементүүдийг нэмж, байршил, хэмжээг өөрийн хэрэгцээнд нийцүүлэн тохируулахын тулд Android Studio-ийн байршлын засварлагчийг ашиглана уу.
2. “MainActivity.java” файлаас та үндсэн үйлдлийн логикийг олох болно. Энд та хэрэглэгч дэлгэцтэй харьцах үед хийгдэх үйлдлүүдийг програмчилж болно. Жишээлбэл, хэрэв таны загварт товчлуур байгаа бол түүнийг дарснаар өөр үйлдэл рүү шилжих эсвэл дэлгэцэн дээр мессеж харуулах гэх мэт тодорхой үйлдлийг гүйцэтгэхээр төлөвлөж болно. Эдгээр үйлдэлд тохирох кодыг бичихийн тулд Java програмчлалын хэлийг ашиглана уу. Android Studio танд кодыг автоматаар бөглөх, алдааны санал болгох зэрэг програмчлалыг хөнгөвчлөх олон хэрэгсэл, функцуудыг санал болгодог гэдгийг санаарай.
3. Та үндсэн үйл ажиллагааг зохион бүтээж, програмчилж дууссаны дараа өөрийн программыг эмулятор эсвэл физик төхөөрөмж дээр туршиж, түүний ажиллагааг шалгах боломжтой. Android Studio нь танд програмаа IDE-ээс шууд ажиллуулах боломжийг олгож, үр дүнг бодит цаг хугацаанд харуулах болно. Хэрэв та сайжруулж болох алдаа, талыг олж мэдсэн бол шаардлагатай өөрчлөлтүүдийг хийж, хүссэн үр дүнд хүрэх хүртлээ хүсэлтээ дахин шалгаж болно.
Дүгнэж хэлэхэд, Android Studio дээр үндсэн үйл ажиллагааг бий болгох нь чанартай програм хөгжүүлэх үндсэн ажил юм. Энэ нийтлэлд дурдсан алхмуудыг дагаж, ажлыг хөнгөвчлөхийн тулд IDE-ийн санал болгож буй хэрэгсэл, функцуудыг ашиглахаа бүү мартаарай. your төсөлд амжилт хүсье!+
– Үйл ажиллагааны layout файлд дэвсгэр зургийг тодорхойл
Android Studio дээрх үйл ажиллагааны байршлын файлын дэвсгэр зургийг тодорхойлохын тулд та хэд хэдэн энгийн боловч чухал алхмуудыг хийх хэрэгтэй. Нэгдүгээрт, үйл ажиллагааны байршлын файл нь манай төслийн res/layout хавтсанд байгаа гэдгийг дурдах нь зүйтэй.
1-р алхам: Бидний хийх ёстой хамгийн эхний зүйл бол сонгох явдал юм XML файл арын дэвсгэр зургийг нэмэхийг хүссэн үйл ажиллагаанд тохирох. Жишээлбэл, хэрэв бид дэвсгэр зураг нэмэхийг хүсвэл нүүр хуудас Манай програмын хувьд бид "activity_main.xml" файлыг хайж, Android Studio дизайн засварлагч дээр нээх ёстой.
2-р алхам: Үйл ажиллагааны дизайны файлыг нээсэн бол бид засварлагчийн баруун талын самбараас "Палитр" гэсэн сонголтыг хайх ёстой. Энэ сонголтоос бид үйл ажиллагааныхаа загварт нэмж оруулах товчлуурууд гэх мэт өөр өөр элементүүдийг олох болно. текст, зураг гэх мэт.
3-р алхам: Арын дэвсгэр зургийг нэмэхийн тулд бид "Палетт" сонголтын "ImageView" бүрэлдэхүүн хэсгийг сонгоод үйл ажиллагааныхаа загварт чирнэ. Дараа нь бүрэлдэхүүн хэсгийн шинж чанаруудын цонхонд бид "арын дэвсгэр" сонголтыг хайж, нөөц сонгох товчийг дарна уу. Энд бид "Өнгө", "Татах" эсвэл "Mipmap" гэх мэт өөр өөр сонголтуудаас сонгож болно. Бид "Drawable"-г сонгоод програмдаа ашиглахыг хүссэн дэвсгэр зургийг сонгоно. Сонгосны дараа бид "OK" дээр дарж сонголтыг баталгаажуулж, файлд оруулсан өөрчлөлтийг хадгална.
Эдгээр энгийн алхмуудыг хийснээр бид Android Studio дээрх үйл ажиллагааны байршлын файлын дэвсгэр зургийг хялбархан тодорхойлж чадна. Та програм дээрээ хүссэн визуал эффектийг бий болгохын тулд арын зургийн тохиргоог туршиж, өөрчлөх боломжтой гэдгийг санаарай. Үүнийг туршаад, өвөрмөц туршлагыг бий болго хэрэглэгчдэд зориулсан таны апп-ын!
– Арын дэвсгэр зургийг зөв тохируулахын тулд тохируулна уу
Android Studio дээр үүнийг нэмэх боломжтой дэвсгэр зураг өөрийн апп-д тохируулан тохируулаарай. Гэсэн хэдий ч гажуудал, тайрахаас зайлсхийхийн тулд зураг дэлгэцэн дээр зөв таарч байгаа эсэхийг шалгах нь чухал юм. Дараа нь би арын зургийг хэрхэн тохируулахыг зааж өгье.
1-р алхам: Эхлээд та төслийн нөөцийн хавтсанд дэвсгэр зургийг нэмэх хэрэгтэй болно. Үүнийг хийхийн тулд төслийн лавлах модны res хавтас дээр хулганы баруун товчийг дараад "Шинэ" > "Зургийн хөрөнгө" гэснийг сонгоно уу. Дараа нь "Замын зураг" сонголтыг сонгоод арын дэвсгэр болгон ашиглахыг хүссэн зургаа сонгоно уу. Хамгийн сайн үр дүнд хүрэхийн тулд өндөр нарийвчлалтай зургийг сонгохоо мартуузай.
2-р алхам: Төсөлдөө дэвсгэр зургийг нэмсний дараа дэлгэцэн дээр зөв тааруулахаар тохируулах цаг болжээ. Үүнийг хийхийн тулд та байршлын файлынхаа ImageView элемент дээрх "android: scaleType" шинж чанарыг ашиглах хэрэгтэй болно. Энэ шинж чанар нь арын дэвсгэр зургийг хэрхэн томруулж, харуулахыг хянах боломжийг танд олгоно. Энэ өмчийн хамгийн нийтлэг утгуудын зарим нь: "centerCrop" нь дэлгэцийн харьцааг хадгалахын зэрэгцээ зургийг тайрдаг, мөн "fitXY" нь зургийг бүх зай эзэлнэ. харьцааг хадгалах.
3-р алхам: Дэвсгэр зургийн масштабыг тохируулахаас гадна гадаад төрхийг нь сайжруулахын тулд өөр тохируулга хийж болно. Жишээлбэл, та ImageView элемент дээрх “android:backgroundTint” шинж чанарыг ашиглан зураг дээр тунгалаг өнгө давхарлах нэмж нэмж болно. Энэ нь текст болон бусад хэрэглэгчийн интерфэйсийн элементүүдийг уншихад хялбар болгоход тусална. Та мөн арын зургийн тунгалаг байдлыг android:alpha атрибут ашиглан тохируулж болно. 1 утга нь зураг бүрэн тунгалаг болохыг, харин 0 утга нь зураг бүрэн ил тод болохыг илэрхийлнэ.
Эдгээр алхмуудыг хийснээр та Android Studio дээрх програмынхаа дэвсгэр зургийг дэлгэцэн дээр зөв байрлуулахаар хялбархан тохируулах боломжтой. Хүссэн үр дүнд хүрэхийн тулд өөр өөр тохиргоо, утгыг туршиж үзэхээ мартуузай. Аппликэйшнийхээ харагдах байдал, мэдрэмжийг өөрчилснөөр хөгжилтэй байгаарай!
– Android Studio дээрх дэвсгэр зурган дээр нэмэлт эффектүүдийг ашиглана
Та өөрийн Android Studio төсөлд дэвсгэр зураг тавьж чадсан бол зургийн гадаад төрхийг сайжруулахын тулд нэмэлт эффект нэмж оруулахыг хүсч болно. Энд бид Android Studio дээр эдгээр эффектүүдийг хэрхэн ашиглахыг харуулах болно:
1. Бүдгэрүүлэх эффект: Хэрэв та арын дэвсгэр дээр бүдэгрүүлэх эффект нэмэхийг хүсвэл Android-с өгсөн `BlurDrawable` ангиллыг ашиглаж болно. Энэ анги нь зураг эсвэл хэрэглэгчийн интерфэйсийн бусад элементэд бүдэгрүүлэх эффект хэрэглэх боломжийг олгодог. Зүгээр л BlurDrawable` объект үүсгэж, хүссэн бүдгэрүүлэх радиусыг тохируулна уу. Дараа нь бүдгэрүүлэх эффектийг бий болгохын тулд энэ объектыг өөрийн үзэмжийн дэвсгэр болгон тохируулна уу.
2. Өнгөний давхаргын эффект: Хэрэв та арын дэвсгэр зурагт өнгө нэмэхийг хүсвэл, өөрийн байршлын XML файл дахь `android:tint` шинж чанарыг ашиглаж болно. Энэ шинж чанар нь арын дэвсгэр зураг дээр тодорхой өнгийг давхарлах боломжийг олгодог. Зүгээр л "android: tint" шинж чанарыг өөрийн харагдац руу нэмж, хүссэн өнгөний утгыг тохируулна уу. Ингэснээр та анхны зургийг өөрчлөхгүйгээр дэвсгэр зураг дээр өнгөт эффект нэмж болно.
3. Өнгөний градиент: Хэрэв та дэвсгэр зураг дээр градиент эффект нэмэхийг хүсвэл `GradientDrawable` классыг ашиглаж болно. Энэ анги нь танд өөрчлөн өнгөт градиент үүсгэж, үүнийг өөрийн үзэмжийн дэвсгэр болгон ашиглах боломжийг олгоно. Та өнгө болон градиентийн чиглэлийг тодорхойлохоос гадна өнгөний тунгалаг байдлыг өөрийн даалгаврын дагуу тохируулах боломжтой. Энэ нь танд арын зургандаа градиент эффект нэмж, өөрийн хэрэгцээнд нийцүүлэн өөрчлөх боломжийг олгоно.
Android Studio дээрх дэвсгэр зураг дээр эдгээр нэмэлт эффектүүдийг нэмснээр та өөрийн аппликешны үзэмжийг сайжруулж, илүү сэтгэл татам, хувийн загварт хүрэх боломжтой. Төсөлдөө тохирсон загварыг олохын тулд янз бүрийн эффектийн хослол, тохиргоог туршиж үзээрэй.
– Дизайныг урьдчилан үзэхэд дэвсгэр зургийн дэлгэцийг шалгана уу
Та Android Studio дээрх програмын байршлыг урьдчилан харах үед дэвсгэр зураг зөв харагдах эсэхийг шалгах хэрэгтэй. Энэ шалгалтыг хийхийн тулд дараах алхмуудыг дагана уу.
1. Android Studio-г нээгээд дэвсгэр зураг нэмэхийг хүссэн үйл ажиллагаа эсвэл хэсэг рүү очно уу.
2. Тухайн үйл ажиллагаа эсвэл фрагментийн XML файлд "арын дэвсгэр" шинж чанарыг харах шатлалын үндсэн харагдац руу нэмнэ үү. Жишээлбэл, хэрэв та арын дэвсгэр зургийг LinearLayout-д хэрэглэхийг хүсвэл зургийн замын утга бүхий android:background шинж чанарыг нэмнэ үү.
3. "Арын дэвсгэр" гэсэн атрибутыг нэмсний дараа XML файлын доод хэсэгт байрлах "Дизайн" товчийг дарж дизайныг нээнэ үү урьдчилан харах.
Сонгосон төхөөрөмжийн нягтрал эсвэл таны төсөл дэх зургийн байршил зэрэг зарим хүчин зүйл нь дизайныг урьдчилан үзэхэд дэвсгэр зургийг харуулахад нөлөөлж болохыг анхаарах нь чухал юм. Тиймээс, Дэлгэцийг өөр өөр төхөөрөмж дээр туршиж үзэх, шаардлагатай бол дэвсгэр зургийг тохируулахыг зөвлөж байна..
Хэрэв танд дэвсгэр зургийг харуулахтай холбоотой асуудал гарвал зарим нийтлэг шийдлүүдийг энд үзүүлэв:
– Төсөлдөө байгаа зургийн байршил, замыг шалгана уу. Зураг зөв хавтсанд (жишээ нь, res/drawable хавтсанд) байгаа бөгөөд дэвсгэр шинж чанар дахь зам зөв эсэхийг шалгаарай.
– Зургийн нягтралыг шалгана уу. Зургийн нягтрал нь таны харуулахыг хүссэн төхөөрөмжийн дэлгэцэнд тохирох эсэхийг шалгаарай.
- XML файлаас алдаа байгаа эсэхийг шалгана уу. Арын шинж чанар байрладаг XML файлд алдаа, анхааруулга байхгүй эсэхийг шалгаарай.
Android Studio-н байршлыг урьдчилан үзэхэд дэвсгэр зураг нь бодит төхөөрөмж дээр яг яаж харагдахыг үргэлж тусгадаггүй гэдгийг санаарай. Арын дэвсгэр зургийг бүх дэлгэц дээр зөв харуулахын тулд програмыг бодит төхөөрөмж эсвэл эмулятор дээр туршиж үзэх нь чухал юм..
Би Себастьян Видал, компьютерийн инженер технологи, өөрийн гараар хийх сонирхолтой. Цаашилбал, би бүтээгч нь tecnobits.com, би технологийг хүн бүрт илүү хүртээмжтэй, ойлгомжтой болгох хичээлүүдийг хуваалцдаг.