Cliping an image in imageview

Question

I have an imageview an i need to clip image half in that imageview

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:clipToPadding="true"
                android:clipChildren="true">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="80dp"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="200dp"
        android:background="@drawable/hexagon_1"/>


</RelativeLayout>

However if i add margin instead of clipping image got streched like below

is there anyway to clip my hexagon into half using xml and without using custom layout?

IntelliJ Amiya · Accepted Answer · 2017-11-10T06:16:28.980

3

You should add

    android:scaleType="fitXY"
    android:adjustViewBounds="true" 
    android:src="@drawable/hexagon_1"

Use android:src instead of android:background . For more information read ClipDrawable.

For clip image, You should create custom clip drawable.

<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"
    android:clipOrientation="vertical"
    android:drawable="@drawable/your_drawable"
    android:gravity="top" />

Courtesy goes to ClipDrawable.

edited Nov 10 '17 at 06:16

answered Nov 10 '17 at 06:08

IntelliJ Amiya

74,896
15
165
198

need to add this also – Nikhil Nov 13 '17 at 07:47

score 0 · Answer 2 · answered Nov 10 '17 at 06:04

[Not tested, but a guiding light]

PercentRelativeLayout might solve your problem. Read more here

<android.support.percent.PercentRelativeLayout
         xmlns:android="http://schemas.android.com/apk/res/android"
         xmlns:app="http://schemas.android.com/apk/res-auto"
         android:layout_width="match_parent"
         android:layout_height="match_parent">
     <ImageView
         app:layout_widthPercent="50%"
         app:layout_heightPercent="50%"
         app:layout_marginTopPercent="25%"
         app:layout_marginLeftPercent="25%"/>
 </android.support.percent.PercentRelativeLayout>

Cliping an image in imageview

2 Answers2