ImageView is not adjusting according to screen size

Question

My filter image in toolbar is going out of screen for small width phones but it's working properly for pixel2 like phones.

Screenshot

xml code

       <ImageView
            android:layout_width="30dp"
            android:layout_height="50dp"
            android:src="@drawable/filter1"
            android:layout_toEndOf="@id/imageView7"
            android:layout_marginStart="310dp"
            android:layout_marginEnd="20dp"/>

It is in Relativelayout.

Please solve my problem.

Answer 1

put your image in RelativeLayout and use align_parent :

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    <ImageView
          android:layout_width="30dp"
          android:layout_height="50dp"
          android:src="@drawable/filter1"
          android:layout_alignParentRight="true"
          android:layout_alignParentTop="true"
          android:layout_marginEnd="20dp"/>

</RelativeLayout>