在右上角的Trianlge与在android里面的图象

时间:2016-11-14 06:22:16

标签: android shape

我需要右上角的三角形状,里面有图像。三角形状应该是动态的,取决于父布局。

目前看来。

enter image description here

我已经调查了可能发布并创建了上面的图像。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="wrap_content"
    android:layout_height="wrap_content">


        <RelativeLayout
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:background="@drawable/triangle_shape"
            android:gravity="right"
            android:layout_gravity="right"
            android:layout_alignParentRight="true"
            >
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/more_hdpi"
                android:layout_centerVertical="true"
                android:layout_centerHorizontal="false"
                />

    </RelativeLayout>

</RelativeLayout>

triangle_shape.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <rotate
            android:fromDegrees="-45"
            android:toDegrees="45"
            android:pivotX="0%"
                android:pivotY="-45%" >
            <shape
                android:shape="rectangle" >
                <stroke android:color="@color/yellow" android:width="10dp"/>
                <solid
                    android:color="@color/yellow" />
            </shape>
        </rotate>
    </item>
  </layer-list>

但是,正如你看到我有固定宽度和图像看到形状的底部我需要它在形状的中心像:

这就是我想要的。

enter image description here

当我看到android studio deign视图时,它的高度和宽度是形状的两倍。那是因为形状实际上是矩形并且它是旋转的。

目前在Android工作室预览中看。

enter image description here

我在很多帖子中都会看到 this ,但没有得到任何解决方案。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

我没有检查,但您可以尝试将三角形和图像放在具有重心的特定相对布局中。这可能会对你有所帮助,请告诉我这是否可以。