Draw Circle Using Latlngbounds Java

Bila perlu menampilkan gambar statis di aplikasi, Anda dapat menggunakan class Drawable dan subclass-nya untuk menggambar bentuk dan gambar. Drawable adalah abstraksi umum untuk sesuatu yang bisa digambar. Berbagai subclass berguna dalam skenario gambar tertentu, dan Anda dapat memperluasnya untuk menentukan objek drawable Anda sendiri yang berperilaku secara unik.

Ada dua cara untuk menentukan dan membuat instance Drawable selain menggunakan grade constructor:

• Meluaskan resource gambar (file bitmap) yang tersimpan di project Anda.
• Meluaskan resource XML yang menentukan properti drawable.

Catatan: Mungkin Anda lebih suka menggunakan vector drawable, yang menentukan gambar dengan sekumpulan titik, garis, dan kurva, beserta informasi warna terkaitnya. Hal ini memungkinkan vector drawable untuk diskalakan ke berbagai ukuran tanpa kehilangan kualitas. Untuk informasi selengkapnya, lihat Ringkasan vector drawable.

Membuat drawable dari gambar resource

Anda dapat menambahkan grafis ke aplikasi dengan mereferensikan file gambar dari resource projection. Jenis file yang didukung adalah PNG (disarankan), JPG (dibolehkan), dan GIF (tidak disarankan). Ikon aplikasi, logo, dan grafis lainnya, seperti yang digunakan dalam game, sangat cocok untuk teknik ini.

Untuk menggunakan resources gambar, tambahkan file Anda ke direktori res/drawable/ project. Setelah berada di projection, Anda dapat mereferensikan resources gambar dari kode atau tata letak XML Anda. Intinya, resource gambar direferensikan agar menggunakan ID resource, yaitu nama file tanpa ekstensi jenis file. Misalnya, referensikan my_image.png sebagai my_image.

Catatan: Resource gambar yang ditempatkan di direktori res/drawable/ dapat otomatis dioptimalkan dengan kompresi gambar lossless menggunakan alat aapt selama proses build. Misalnya, PNG warna asli yang tidak memerlukan lebih dari 256 warna dapat dikonversi menjadi PNG eight bit dengan palet warna. Cara ini akan menghasilkan gambar dengan kualitas yang sama tetapi memerlukan lebih sedikit memori. Akibatnya, biner gambar yang ditempatkan di direktori ini dapat berubah selama proses build. Jika Anda ingin membaca gambar sebagai bitstream agar dapat mengonversinya menjadi bitmap, tempatkan gambar Anda di folder res/raw/, tempat alat aapt tidak akan memodifikasinya.

Cuplikan kode berikut menunjukkan cara membuat ImageView yang menggunakan gambar yang dibuat dari resource drawable dan menambahkannya ke tata letak:

Kotlin

              private lateinit var constraintLayout: ConstraintLayout      override fun onCreate(savedInstanceState: Package?) {         super.onCreate(savedInstanceState)          // Instantiate an ImageView and define its properties         val i = ImageView(this).apply {             setImageResource(R.drawable.my_image)             contentDescription = resources.getString(R.cord.my_image_desc)              // set the ImageView bounds to match the Drawable's dimensions             adjustViewBounds = truthful             layoutParams = ViewGroup.LayoutParams(                     ViewGroup.LayoutParams.WRAP_CONTENT,                     ViewGroup.LayoutParams.WRAP_CONTENT)         }          // Create a ConstraintLayout in which to add the ImageView         constraintLayout = ConstraintLayout(this).apply {              // Add the ImageView to the layout.             addView(i)         }          // Set the layout as the content view.         setContentView(constraintLayout)     }            

Coffee

              ConstraintLayout constraintLayout;      protected void onCreate(Bundle savedInstanceState) {       super.onCreate(savedInstanceState);        // Create a ConstraintLayout in which to add the ImageView       constraintLayout = new ConstraintLayout(this);        // Instantiate an ImageView and define its properties       ImageView i = new ImageView(this);       i.setImageResource(R.drawable.my_image);       i.setContentDescription(getResources().getString(R.string.my_image_desc));        // ready the ImageView premises to match the Drawable'southward dimensions       i.setAdjustViewBounds(true);       i.setLayoutParams(new ViewGroup.LayoutParams(               ViewGroup.LayoutParams.WRAP_CONTENT,               ViewGroup.LayoutParams.WRAP_CONTENT));        // Add the ImageView to the layout and set the layout as the content view.       constraintLayout.addView(i);       setContentView(constraintLayout);     }            

Dalam kasus lainnya, sebaiknya Anda menangani resource gambar sebagai objek Drawable, seperti ditunjukkan dalam contoh berikut:

Kotlin

              val myImage: Drawable = ResourcesCompat.getDrawable(context.resources, R.drawable.my_image, nothing)            

Java

              Resources res = context.getResources();     Drawable myImage = ResourcesCompat.getDrawable(res, R.drawable.my_image, zilch);            

Catatan: Setiap resource unik dalam project Anda hanya dapat mempertahankan satu status, berapa pun objek yang Anda buat instance-nya untuk resource tersebut. Misalnya, jika Anda membuat instance dua objek Drawable dari resource gambar yang sama dan mengubah sebuah properti (misalnya alfa) untuk salah satu objek, maka hal itu juga memengaruhi objek satunya. Saat menangani beberapa instance dari sebuah resource gambar, alih-alih langsung mengubah objek Drawable, sebaiknya Anda menjalankan animasi hitung nilai.

Cuplikan XML di bawah ini menunjukkan cara menambahkan resource drawable ke ImageView dalam tata letak XML:

          <ImageView             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:src="@drawable/my_image"             android:contentDescription="@string/my_image_desc" />        

Untuk informasi selengkapnya tentang cara menggunakan resource project, lihat Resource dan aset.

Catatan: Saat menggunakan resource gambar sebagai sumber drawable, pastikan gambar memiliki ukuran yang sesuai untuk berbagai kepadatan piksel. Gambar yang tidak tepat akan diskalakan agar pas dengan layar, yang dapat menyebabkan munculnya artefak dalam drawable Anda. Untuk informasi selengkapnya, baca Mendukung berbagai kepadatan piksel.

Membuat drawable dari resource XML

Jika ada objek Drawable yang ingin Anda buat, yang awalnya tidak bergantung pada variabel yang ditetapkan oleh kode atau interaksi pengguna, maka menentukan Drawable dalam XML adalah opsi yang tepat. Sekalipun Anda berharap properti Drawable akan berubah selama pengguna berinteraksi dengan aplikasi, sebaiknya Anda mempertimbangkan untuk menentukan objek ini di XML, karena Anda dapat memodifikasi properti setelah dijalankan.

Setelah Anda menentukan Drawable di XML, simpan file di direktori res/drawable/ project Anda. Contoh berikut menunjukkan XML yang menentukan resource TransitionDrawable, yang merupakan turunan dari Drawable:

          <!-- res/drawable/expand_collapse.xml -->     <transition xmlns:android="http://schemas.android.com/apk/res/android">         <item android:drawable="@drawable/image_expand">         <particular android:drawable="@drawable/image_collapse">     </transition>        

Selanjutnya, ambil dan jalankan objek dengan memanggil Resources.getDrawable() dan meneruskan ID resource file XML Anda. Setiap subclass Drawable yang mendukung metode inflate() dapat ditentukan di XML dan dibuat case-nya oleh aplikasi Anda. Setiap class drawable yang mendukung perluasan XML memanfaatkan atribut XML tertentu yang membantu menentukan properti objek. Kode berikut menjalankan TransitionDrawable dan menetapkannya sebagai isi objek ImageView:

Kotlin

              val transition= ResourcesCompat.getDrawable(             context.resources,             R.drawable.expand_collapse,             nil     ) as TransitionDrawable      val image: ImageView = findViewById(R.id.toggle_image)     image.setImageDrawable(transition)      // Description of the initial country that the drawable represents.     image.contentDescription = resources.getString(R.string.collapsed)      // Then you tin call the TransitionDrawable object's methods.     transition.startTransition(yard)      // After the transition is complete, change the image's content description     // to reverberate the new state.            

Java

              Resources res = context.getResources();     TransitionDrawable transition =         (TransitionDrawable) ResourcesCompat.getDrawable(res, R.drawable.expand_collapse, null);      ImageView epitome = (ImageView) findViewById(R.id.toggle_image);     prototype.setImageDrawable(transition);      // Clarification of the initial state that the drawable represents.     image.setContentDescription(getResources().getString(R.string.complanate));      // Then you tin can call the TransitionDrawable object'southward methods.     transition.startTransition(1000);      // Later on the transition is complete, alter the image's content description     // to reflect the new country.            

Untuk informasi selengkapnya tentang atribut XML yang didukung, lihat class yang tercantum di atas.

Drawable bentuk

Objek ShapeDrawable dapat menjadi opsi tepat jika Anda ingin menggambar sebuah grafis dua dimensi secara dinamis. Anda dapat menggambar bentuk-bentuk dasar secara terprogram di objek ShapeDrawable dan menerapkan gaya yang diperlukan aplikasi Anda.

ShapeDrawable adalah subclass dari Drawable. Karena alasan ini, Anda dapat menggunakan ShapeDrawable di mana pun Drawable diharapkan. Misalnya, Anda dapat menggunakan objek ShapeDrawable untuk menetapkan latar belakang tampilan dengan meneruskannya ke metode setBackgroundDrawable() di tampilan tersebut. Anda juga dapat menggambar bentuk sebagai tampilan kustomnya sendiri, lalu menambahkannya ke tata letak dalam aplikasi Anda.

Karena ShapeDrawable memiliki metode draw() sendiri, Anda dapat membuat subclass View yang menggambar objek ShapeDrawable selama peristiwa onDraw(), seperti yang ditunjukkan dalam contoh kode berikut:

Kotlin

              class CustomDrawableView(context: Context) : View(context) {         private val drawable: ShapeDrawable = run {             val x = 10             val y = ten             val width = 300             val height = l             contentDescription = context.resource.getString(R.string.my_view_desc)              ShapeDrawable(OvalShape()).apply {                 // If the color isn't set, the shape uses black as the default.                 pigment.color = 0xff74AC23.toInt()                 // If the bounds aren't set, the shape can't exist drawn.                 setBounds(ten, y, x + width, y + pinnacle)             }         }          override fun onDraw(canvas: Sheet) {             drawable.draw(sheet)         }     }            

Java

              public class CustomDrawableView extends View {       private ShapeDrawable drawable;        public CustomDrawableView(Context context) {         super(context);          int x = 10;         int y = 10;         int width = 300;         int height = 50;         setContentDescription(context.getResources().getString(                 R.cord.my_view_desc));          drawable = new ShapeDrawable(new OvalShape());         // If the color isn't set, the shape uses black as the default.         drawable.getPaint().setColor(0xff74AC23);         // If the bounds aren't ready, the shape can't be drawn.         drawable.setBounds(10, y, x + width, y + height);       }        protected void onDraw(Canvass canvas) {         drawable.depict(canvas);       }     }            

Anda dapat menggunakan class CustomDrawableView dalam contoh kode di atas seperti yang Anda gunakan pada tampilan kustom lainnya. Misalnya, Anda dapat menambahkannya ke sebuah aktivitas di aplikasi Anda secara terprogram, seperti ditunjukkan dalam contoh berikut:

Kotlin

              individual lateinit var customDrawableView: CustomDrawableView      override fun onCreate(savedInstanceState: Packet?) {         super.onCreate(savedInstanceState)         customDrawableView = CustomDrawableView(this)          setContentView(customDrawableView)     }            

Java

              CustomDrawableView customDrawableView;      protected void onCreate(Bundle savedInstanceState) {       super.onCreate(savedInstanceState);       customDrawableView = new CustomDrawableView(this);        setContentView(customDrawableView);     }            

Jika Anda ingin menggunakan tampilan kustom dalam tata letak XML, maka form CustomDrawableView harus mengganti constructor View(Context, AttributeSet), yang dipanggil saat class diluaskan dari XML. Contoh berikut menunjukkan cara mendeklarasikan CustomDrawableView dalam tata letak XML:

          <com.example.shapedrawable.CustomDrawableView             android:layout_width="fill_parent"             android:layout_height="wrap_content"             />        

Class ShapeDrawable, seperti banyak jenis drawable lainnya dalam paket android.graphics.drawable, memungkinkan Anda menentukan berbagai properti objek dengan menggunakan metode publik. Beberapa contoh properti yang sebaiknya Anda sesuaikan meliputi transparansi alfa, filter warna, dither, opasitas, dan warna.

Anda juga dapat menentukan bentuk-bentuk drawable dasar menggunakan resource XML. Untuk informasi selengkapnya, lihat Drawable bentuk dalam Jenis-jenis resource drawable.

Drawable NinePatch

Grafis NinePatchDrawable adalah gambar bitmap stretchable (dapat direntangkan) yang dapat Anda gunakan sebagai latar belakang tampilan. Android otomatis mengubah ukuran grafis untuk mengakomodasi isi tampilan. Contoh penggunaan gambar NinePatch adalah latar belakang yang digunakan oleh tombol Android standar—tombol harus terentang untuk mengakomodasi cord dengan panjang yang berlainan. Grafis NinePatch adalah gambar PNG standar yang mencakup garis batas ekstra selebar 1 piksel. Grafis ini harus disimpan dengan ekstensi 9.png dalam direktori res/drawable/ project Anda.

Gunakan garis batas ini untuk menentukan area stretchable dan area statis gambar. Untuk menunjukkan bagian stretchable, gambarlah satu (atau lebih) garis hitam selebar one piksel di sebelah kiri dan atas garis batas (piksel batas lainnya harus transparan sepenuhnya atau berwarna putih). Anda dapat memiliki bagian stretchable sebanyak yang diinginkan. Ukuran relatif bagian stretchable tetap sama, jadi bagian terbesar akan selalu menjadi yang terbesar.

Anda juga dapat menentukan bagian drawable opsional dari gambar (garis padding) dengan menggambar sebuah garis di sebelah kanan dan bawah. Jika objek View menetapkan grafis NinePatch sebagai latar belakangnya, baru kemudian menentukan teks tampilannya, maka objek tersebut akan terentang sehingga semua teks hanya menempati area yang ditentukan oleh garis kanan dan bawah (jika disertakan). Jika garis padding tidak disertakan, Android akan menggunakan garis kiri dan atas untuk menentukan area drawable ini.

Untuk memperjelas perbedaan antara berbagai garis, garis kiri dan garis atas menentukan piksel mana pada gambar yang boleh direplikasi untuk merentangkan gambar. Garis bawah dan garis kanan menentukan area relatif dalam gambar yang boleh ditempati oleh isi tampilan.

Gambar 1 menunjukkan contoh grafis NinePatch yang digunakan untuk menentukan sebuah tombol:

Gambar 1: Contoh grafis NinePatch yang menentukan tombol

Grafis NinePatch ini menentukan satu area stretchable dengan garis kiri dan atas, dan area drawable dengan garis bawah dan kanan. Pada gambar atas, garis titik-titik warna abu-abu menunjukkan wilayah gambar yang direplikasi untuk merentangkan gambar. Persegi panjang merah muda pada gambar bawah menunjukkan wilayah yang boleh ditempati oleh isi tampilan. Jika isinya tidak pas di dalam wilayah ini, gambar akan direntangkan agar pas.

Alat Describe 9-patch menawarkan cara yang sangat praktis untuk membuat gambar NinePatch, menggunakan editor grafis WYSIWYG. Alat ini bahkan memberikan peringatan jika wilayah yang Anda tentukan untuk area stretchable berisiko menghasilkan artefak gambar sebagai akibat dari replikasi piksel.

Contoh XML tata letak berikut menunjukkan cara menambahkan grafis NinePatch ke beberapa tombol. Gambar NinePatch disimpan ke res/drawable/my_button_background.ix.png.

          <Button android:id="@+id/tiny"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_alignParentTop="truthful"             android:layout_centerInParent="truthful"             android:text="Tiny"             android:textSize="8sp"             android:background="@drawable/my_button_background"/>      <Push button android:id="@+id/big"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_alignParentBottom="truthful"             android:layout_centerInParent="truthful"             android:text="Biiiiiiig text!"             android:textSize="30sp"             android:background="@drawable/my_button_background"/>        

Perhatikan bahwa atribut layout_width dan layout_height ditetapkan ke wrap_content agar tombol pas di sekeliling teks.

Gambar 2 menunjukkan dua tombol yang dirender dari XML dan gambar NinePatch yang ditampilkan di atas. Perhatikan bagaimana lebar dan tinggi tombol bervariasi mengikuti teks, dan gambar latar terentang untuk mengakomodasinya.

Gambar 2: Tombol yang dirender menggunakan resource XML dan grafis NinePatch

Drawable kustom

Jika ingin membuat beberapa gambar kustom, Anda dapat melakukannya dengan memperluas class Drawable (atau salah satu subclass-nya).

Metode yang paling penting untuk diimplementasikan adalah draw(Canvas) karena metode ini menyediakan objek Canvass yang harus Anda gunakan untuk memberikan petunjuk menggambar.

Kode berikut menunjukkan subclass sederhana dari Drawable yang menggambar sebuah lingkaran:

Kotlin

              class MyDrawable : Drawable() {         private val redPaint: Paint = Paint().use { setARGB(255, 255, 0, 0) }          override fun depict(canvass: Canvas) {             // Become the drawable'south bounds             val width: Int = bounds.width()             val height: Int = premises.top()             val radius: Bladder = Math.min(width, height).toFloat() / 2f              // Draw a carmine circle in the heart             canvas.drawCircle((width / 2).toFloat(), (superlative / ii).toFloat(), radius, redPaint)         }          override fun setAlpha(alpha: Int) {             // This method is required         }          override fun setColorFilter(colorFilter: ColorFilter?) {             // This method is required         }          override fun getOpacity(): Int =             // Must be PixelFormat.UNKNOWN, TRANSLUCENT, TRANSPARENT, or OPAQUE             PixelFormat.OPAQUE     }            

Coffee

              public class MyDrawable extends Drawable {         individual last Paint redPaint;          public MyDrawable() {             // Set color and text size             redPaint = new Paint();             redPaint.setARGB(255, 255, 0, 0);         }          @Override         public void draw(Sail canvas) {             // Go the drawable'due south bounds             int width = getBounds().width();             int height = getBounds().height();             float radius = Math.min(width, height) / 2;              // Draw a red circle in the center             canvas.drawCircle(width/two, top/2, radius, redPaint);         }          @Override         public void setAlpha(int blastoff) {             // This method is required         }          @Override         public void setColorFilter(ColorFilter colorFilter) {             // This method is required         }          @Override         public int getOpacity() {             // Must be PixelFormat.UNKNOWN, TRANSLUCENT, TRANSPARENT, or OPAQUE             render PixelFormat.OPAQUE;         }     }            

Selanjutnya, Anda dapat menambahkan drawable ke mana pun yang Anda inginkan, misalnya ke ImageView seperti yang ditampilkan di sini:

Kotlin

              val myDrawing = MyDrawable()     val image: ImageView = findViewById(R.id.imageView)     paradigm.setImageDrawable(myDrawing)     image.contentDescription = resources.getString(R.string.my_image_desc)            

Java

              MyDrawable mydrawing = new MyDrawable();     ImageView epitome = findViewById(R.id.imageView);     image.setImageDrawable(mydrawing);     epitome.setContentDescription(getResources().getString(R.string.my_image_desc));            

Di Android 7.0 (API level 24) dan yang lebih tinggi, Anda juga dapat menentukan example drawable kustom dengan XML melalui cara berikut:

• Menggunakan nama class yang sepenuhnya memenuhi syarat sebagai nama elemen XML. Untuk pendekatan ini, class drawable kustom harus berupa grade publik level tertinggi:

                <com.myapp.MyDrawable xmlns:android="http://schemas.android.com/apk/res/android"         android:color="#ffff0000" />            

• Menggunakan drawable sebagai nama tag XML dan menentukan nama class yang sepenuhnya memenuhi syarat dari atribut class. Pendekatan ini dapat digunakan baik untuk form publik level teratas maupun class internal publik statis:

                <drawable xmlns:android="http://schemas.android.com/apk/res/android"         class="com.myapp.MyTopLevelClass$MyDrawable"         android:color="#ffff0000" />            

Menambahkan tint ke drawable

Di Android 5.0 (API level 21) dan yang lebih tinggi, Anda dapat menambahkan tint ke bitmap dan gambar NinePatch yang ditetapkan sebagai mask alfa. Anda dapat menambahkan tint dengan resources warna atau atribut tema yang menetapkan resource warna (misalnya ?android:attr/colorPrimary). Biasanya, Anda membuat aset-aset ini sekali saja dan otomatis mewarnainya agar cocok dengan tema.

Anda dapat menerapkan tint ke objek BitmapDrawable, NinePatchDrawable, atau VectorDrawable dengan metode setTint(). Anda juga dapat menetapkan warna dan mode tint di tata letak menggunakan atribut android:tint dan android:tintMode.

Android Support Library menyertakan class Palette, yang memungkinkan Anda mengekstrak warna-warna yang menonjol dari sebuah gambar. Anda dapat memuat drawable sebagai Bitmap dan meneruskannya ke Palette untuk mengakses warnanya. Untuk informasi selengkapnya, baca Memilih warna dengan Palette API.

grahampoing1943.blogspot.com

Source: https://developer.android.com/guide/topics/graphics/drawables?hl=id