fit ImageView в фоновое изображение

Question

Я сородился со всем этим андроидом. И я хочу создать простое приложение. У меня возникла проблема с настройкой ImageView в фоновом режиме. Я не знаю, как начать с этого. Также я хочу быть уверенным, что все это подходит для любого размера экрана (в основном, телефон, планшеты не так важны).

Let say, например, - это изображение в качестве фона. Я хочу поместить 2 из ImageView, где находятся овалы (один из них - 20, а один - 14). И затем я хочу вставить свои собственные изображения в этот ImageView и изменить их с помощью imageView.setImageResource();

Может кто-нибудь мне помочь? Я не знаю, как мне начать все это.

Answer 1

На самом деле вам будет очень сложно делать то, что вы хотите, потому что для размещения изображения в черной области вам нужно будет знать это координаты, которые будут меняться в зависимости от устройства. Один трюк может заключаться в том, чтобы нарезать изображение часов на 3 части ... часть, которая всегда должна быть слева от числа, часть, которая всегда будет выше числа, и остальную часть изображения. Затем вы можете использовать относительный макет, чтобы выровнять вставленное числовое изображение относительно измельченных частей. Другой подход к оценке координат независимо от устройства, вероятно, будет очень тяжелым.

Answer 2

Использование Custom View будет лучшим решением. Ваш класс может расширять ImageView или LinearLayout (RelativeLayout) и добавлять собственные методы для записи (или более правильного рисования) ваших собственных значений. Android Studio IDE предоставляет возможность создавать шаблоны для разных размеров экрана, включая изображения, текст и т. Д.

Answer 3

Ну, в случае, если у кого-то будет такой же вопрос. Вот как я это сделал. Я использовал ConstraintLayout.

Я действительно помещаю это изображение в изображениеView, а не в фоновом режиме. Затем я добавил линейный макет внутри него. И поместите в 2x ImageView. Затем я назначаю ограничения с linearlayout на мое большое изображение (фон) и это изображение (фон) до конца экрана, как вы можете видеть его на снимках. Он работает так, как я хотел.

Linear верстки сдерживающие ImageView

ImageView (Background) ограничения на экран