Задать вопрос
sppCoder
@sppCoder
программирую в Android Studio

Как исправить выход Image View за границы экрана в xml разметке?

Почему то выходит за границы именно в этом файле непойму почему
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/background_settings"
    style="@style/ToolbarStyle">

    <include layout="@layout/app_bar_main"/>

    <include layout="@layout/navigation_bar"/>

    <!--<Switch
        android:id="@+id/themeSwitch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="260dp"
        android:layout_marginBottom="10dp"
        android:text="Темная тема"
        app:layout_constraintBottom_toTopOf="@+id/CleanCashButton"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toStartOf="parent" />-->


    <Button
        android:id="@+id/CleanCashButton"
        android:layout_width="378dp"
        android:layout_height="45dp"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="16dp"
        android:layout_marginBottom="105dp"
        android:backgroundTint="#54F44336"
        android:text="Очитить кеш"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <TextView
        android:id="@+id/DarkLabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Темная тема"
        android:textAlignment="center"
        android:textSize="16sp"
        android:layout_marginTop="8dp"
        app:layout_constraintTop_toBottomOf="@id/imageDark"
        app:layout_constraintStart_toStartOf="@id/imageDark"
        app:layout_constraintEnd_toEndOf="@id/imageDark" />


    <TextView
        android:id="@+id/LightLabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:text="Светлая тема"
        app:layout_constraintTop_toBottomOf="@id/imageLight"
        app:layout_constraintStart_toStartOf="@id/imageLight"
        app:layout_constraintEnd_toEndOf="@id/imageLight"
        />

    <ImageView
        android:id="@+id/line_dark"
        android:layout_width="167dp"
        android:layout_height="198dp"
        android:layout_marginStart="15dp"
        app:layout_constraintBottom_toTopOf="@+id/CleanCashButton"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.164"
        app:srcCompat="@drawable/line_choice" />

    <ImageView
        android:id="@+id/line_light"
        android:layout_width="167dp"
        android:layout_height="198dp"
        android:layout_marginStart="48dp"
        app:layout_constraintBottom_toBottomOf="@+id/line_dark"
        app:layout_constraintStart_toEndOf="@+id/line_dark"
        app:layout_constraintTop_toTopOf="@+id/line_dark"
        app:srcCompat="@drawable/line_choice" />

    <ImageButton
        android:id="@+id/imageDark"
        android:layout_width="154dp"
        android:layout_height="180dp"
        android:background="@color/transparent"
        android:scaleType="centerCrop"
        app:layout_constraintBottom_toBottomOf="@+id/line_dark"
        app:layout_constraintEnd_toEndOf="@+id/line_dark"
        app:layout_constraintHorizontal_bias="0.47"
        app:layout_constraintStart_toStartOf="@+id/line_dark"
        app:layout_constraintTop_toTopOf="@+id/line_dark"
        app:srcCompat="@drawable/night_city_r" />

    <ImageButton
        android:id="@+id/imageLight"
        android:layout_width="154dp"
        android:layout_height="180dp"
        android:background="@color/transparent"
        android:scaleType="centerCrop"
        app:layout_constraintBottom_toBottomOf="@+id/line_light"
        app:layout_constraintEnd_toEndOf="@+id/line_light"
        app:layout_constraintStart_toStartOf="@+id/line_light"
        app:layout_constraintTop_toTopOf="@+id/line_light"
        app:srcCompat="@drawable/day_city_r" />

</androidx.constraintlayout.widget.ConstraintLayout>

682e5347b5bfe929341702.png (как должно быть)
682e535fb137d983822486.png (как по факту)
682e53742fd75431729661.png (как по факту)

так же добавлю файлы верхнего:
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Activity.MainActivity"
    android:theme="@style/Theme.ScamGuard.TransparentToolbar"
    android:background="@color/transparent"
    app:itemBackground="@android:color/transparent"
    >

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/Theme.Testapp2.NoActionBar"
        android:background="@color/transparent">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            style="@style/ToolbarStyle"
            app:popupTheme="@style/Theme.Testapp2.PopupOverlay" />

    </com.google.android.material.appbar.AppBarLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>


и нижнего тулбаров:
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <!-- Нижний навигационный тулбар -->
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="@color/second_center_collor_app"
        app:backgroundTint="#BBFFFFFF"
        app:itemIconTint="@color/blue_dark"
        app:itemTextColor="@color/blue_dark"
        app:menu="@menu/bottom_nav_menu" />

</FrameLayout>
  • Вопрос задан
  • 16 просмотров
Подписаться 1 Средний 1 комментарий
Решения вопроса 1
sppCoder
@sppCoder Автор вопроса
программирую в Android Studio
все решил пере привязкой. Привзал Image View к ImageButton а ImageButton уже к границам экрана.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/background_settings"
    style="@style/ToolbarStyle">

    <include layout="@layout/app_bar_main"/>

    <include layout="@layout/navigation_bar"/>

    <!--<Switch
        android:id="@+id/themeSwitch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="260dp"
        android:layout_marginBottom="10dp"
        android:text="Темная тема"
        app:layout_constraintBottom_toTopOf="@+id/CleanCashButton"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toStartOf="parent" />-->


    <Button
        android:id="@+id/CleanCashButton"
        android:layout_width="378dp"
        android:layout_height="45dp"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="16dp"
        android:layout_marginBottom="105dp"
        android:backgroundTint="#54F44336"
        android:text="Очитить кеш"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <TextView
        android:id="@+id/DarkLabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Темная тема"
        android:textAlignment="center"
        android:textSize="16sp"
        android:layout_marginTop="8dp"
        app:layout_constraintTop_toBottomOf="@id/imageDark"
        app:layout_constraintStart_toStartOf="@id/imageDark"
        app:layout_constraintEnd_toEndOf="@id/imageDark" />


    <TextView
        android:id="@+id/LightLabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:text="Светлая тема"
        android:textAlignment="center"
        android:textSize="16sp"
        app:layout_constraintTop_toBottomOf="@id/imageLight"
        app:layout_constraintStart_toStartOf="@id/imageLight"
        app:layout_constraintEnd_toEndOf="@id/imageLight"
        />

    <ImageView
        android:id="@+id/line_dark"
        android:layout_width="187dp"
        android:layout_height="218dp"
        app:layout_constraintBottom_toBottomOf="@+id/imageDark"
        app:layout_constraintEnd_toEndOf="@+id/imageDark"
        app:layout_constraintStart_toStartOf="@+id/imageDark"
        app:layout_constraintTop_toTopOf="@+id/imageDark"
        app:srcCompat="@drawable/line_choice" />

    <ImageView
        android:id="@+id/line_light"
        android:layout_width="187dp"
        android:layout_height="218dp"
        app:layout_constraintBottom_toBottomOf="@+id/imageLight"
        app:layout_constraintEnd_toEndOf="@+id/imageLight"
        app:layout_constraintStart_toStartOf="@+id/imageLight"
        app:layout_constraintTop_toTopOf="@+id/imageLight"
        app:srcCompat="@drawable/line_choice" />

    <ImageButton
        android:id="@+id/imageDark"
        android:layout_width="174dp"
        android:layout_height="203dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="70dp"
        android:background="@color/transparent"
        android:scaleType="centerCrop"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/night_city_r" />

    <ImageButton
        android:id="@+id/imageLight"
        android:layout_width="174dp"
        android:layout_height="203dp"
        android:layout_marginEnd="18dp"
        android:background="@color/transparent"
        android:scaleType="centerCrop"
        app:layout_constraintBottom_toBottomOf="@+id/imageDark"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="@+id/imageDark"
        app:srcCompat="@drawable/day_city_r" />

</androidx.constraintlayout.widget.ConstraintLayout>


682e645f986f3171754590.png в конструкторе
682e647c9afa1225592731.png результат
682e6491e4584961315592.png результат

версии:
compileSdk = 35
minSdk = 26
targetSdk = 35
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы