Ресурсы

Ресурсы

Как добавить ресурсы?

Как добавить ресурсы?

/assets vs /res

Ресурсы в приложении

Типы ресурсов в структуре проекта

Как настраивать ресурсы под разную конфигурацию? Квалификаторы:

Как настраивать ресурсы под разную конфигурацию? Квалификаторы:

Квалификаторы:

Графика

Графика: растровая и векторная

Поддерживаемые форматы изображений

• BMP - без сжатия
• JPEG - сжатие с компрессией
• PNG - сжатие без компрессии
• GIF - с индексированным цветом
• SVG - Scalable Vector Graphics

Bitmap

val bitmap = Bitmap.createBitmap(100, 100, Bitmap.Config.ARGB_8888)

Сохранение и чтение Bitmap

                    val stream = FileOutputStream("image.jpg")
                    bitmap.compress(CompressFormat.JPEG, 50, stream)
                    stream.close()

                    BitmapFactory.decodeStream(
                        FileInputStream(file), // InputStream
                        null, // Rect - padding rect for bitmap
                        options // BitmapFactory.Options - downsampling
                    )
                

                    BitmapFactory.decodeResource(resources, R.drawable.ic_image)
                

                    BitmapFactory.decodeFile(imagePath, options)
                

Bitmap handling

• Делаем recycle(), как только картинка становится не нужна.
• Если нужно много изображений — выделяем память при старте приложения, создаём пул картинок.
• При создании через BitmapFactory ставим нужные флаги в BitmapFactory.Options.
• Проверяем размер картинки (BitmapOptions.inJustDecodeBounds).
• Открываем картинку сразу с масштабированием.
• Пробуем обрабатывать OutOfMemoryError и в случае нехватки памяти грузить картинку с другой цветовой палитрой или ещё уменьшить размер.

Canvas

Выполняет операции рисования

override fun onDraw(canvas: Canvas) // method of View's lifecycle, where we can draw on Canvas

Трансформации Canvas

Paint

Определяет с какими параметрами рисовать на Canvas

Paint - PathEffect

Path

Замкнутый контур, соединенный линиями или кривыми

Методы относительного перемещения

• rMoveTo(dx, dy)
• rLineTo(dx, dy)
• rQuadTo(dx1, dy1, dx2, dy2)
• rCubicTo(dx1, dy1, dx2, dy2, dx3, dy3)

Drawable

Абстрактный класс для рисования

BitmapDrawable

Обертка над Bitmap

XML

				<ImageView
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:src="@drawable/ic_cool_icon">

				<ImageView
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:background="@drawable/ic_cool_icon">
			

Code

				imageView.setImageDrawable(ContextCompat.getDrawable(context, R.drawable.ic_cool_icon)) // src
				imageView.setBackgroundResource(R.drawable.ic_cool_icon) // background
			

Color Drawable

XML

				<View
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:background="@color/cool_color">
			

Code

				imageView.setImageDrawable(ColorDrawable(R.color.black))
			

State List Drawable

Drawable, который может меняться в зависимости от состояния View

XML

                <selector xmlns:android="http://schemas.android.com/apk/res/android">
                    <item android:state_enabled="false" android:drawable="@drawable/bttn_grey_disabled"/>
                    <item android:state_pressed="true" android:drawable="@drawable/bttn_orange_selected"/>
                    <item android:drawable="@drawable/bttn_orange_normal"/>
                </selector>
			

Code

                val stateListDrawable = StateListDrawable()

                stateListDrawable.addState(intArrayOf(android.R.attr.state_pressed), ContextCompat.getDrawable(context, R.drawable.bttn_orange_selected))
                stateListDrawable.addState(StateSet.WILD_CARD, ContextCompat.getDrawable(context, R.drawable.bttn_orange_normal))

                view.setBackground(stateListDrawable)
			

Shape Drawable

Drawable, который умеет рисовать примитивные фигуры

XML

                <shape xmlns:android="http://schemas.android.com/apk/res/android"
                    android:shape="oval">
                    <solid android:color="@color/fill_color">
                    <stroke
                        android:width="@dimen/stroke_width"
                        android:color="@color/border_color">
                </shape>
			

Code

                val shapeDrawable = ShapeDrawable(OvalShape())

                shapeDrawable.paint.strokeWidth = context.getResources().getDimension(R.dimen.stroke_width)
                shapeDrawable.paint.style = Paint.Style.FILL

                view.setBackground(shapeDrawable);
			

9-Patch Drawable

Drawable, который умеет растягиваться

Загрузка изображений: Glide

                    Glide
                        .with(context)
                        .load(url)
                        .placeholder(R.drawable.loading_spinner)
                        .into(imageView)
				

Glide.with(?)

Загрузка вместе с жизненным циклом Activity:

fun with(android.app.Activity activity): RequestManager

Загрузка вместе с жизненным циклом Fragment:

fun with(android.support.v4.app.Fragment fragment): RequestManager

Context - это контекст приложения:

fun with(android.content.Context context): RequestManager

Загрузка вместе с жизненным циклом Activity или Fragment, которые содержат View:

fun with(android.view.View view): RequestManager

Важно: запросы должны быть вызваны от контекста, на котором результат будет использоваться.

Glide Transformations

                    Glide
                        .with(fragment)
                        .load(url)
                        .fitCenter()
                        .into(imageView)
				

                    Glide
                        .with(context)
                        .load(url)
                        .apply(RequestOptions().centerCrop())
                        .into(imageView)
				

                    Glide
                        .with(context)
                        .load(url)
                        .transform(MultiTransformation(FitCenter(), CustomTransformation()))
                        .into(imageView)