如何为登录屏幕背景设计倾斜的对角线或圆角矩形可绘制资源文件? [英] How to design tilted diagonal or rounded rectangle drawable resource file for login screen background?

查看:27
本文介绍了如何为登录屏幕背景设计倾斜的对角线或圆角矩形可绘制资源文件?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想为登录屏幕设计背景布局.我想设计这样的东西:

I want to design background layout for the login screen. I want to design something just like this:

[

我尝试设计它,但是我无法使用圆角.输出如下所示:(更新输出)

I tried to design it however i am not able to use rounded corners. The output looks like this: (Updated Output)

[

以下是可绘制资源文件的代码.

Below is the code for the drawable resource file.

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/rectangle">
    <shape
        android:shape="rectangle">
        <solid android:color="#0D758D"/>
        <corners
            android:radius="50dp"/>
    </shape>
</item>
<item android:top="300dp"
    android:bottom="300dp"
    android:left="-100dp"
    android:right="-300dp">
    <rotate
        android:fromDegrees="25"
        android:pivotX="20%"
        android:pivotY="65%">

        <shape
            android:shape="rectangle">
            <solid android:color="#FFFFFF"/>
            <corners
                android:radius="8dp"/>
        </shape>
    </rotate>
</item>

推荐答案

我终于找到了解决方案:

Finally i got the solution :

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:viewportWidth="500"
android:viewportHeight="749"
android:width="625dp"
android:height="936.25dp">
<group
    android:scaleX="0.1"
    android:scaleY="-0.1"
    android:translateY="749">
    <path
        android:pathData="M439 7416C282 7361 169 7248 113 7090l-23 -65 0 -1751c0 -1693 1 -1753 19 -1806 35 -101 99 -185 184 -241 57 -38 90 -50 442 -162 132 -42 701 -224 1265 -405 564 -180 1084 -346 1155 -368 72 -22 362 -114 645 -206 558 -179 630 -196 749 -177 165 27 267 129 316 316 13 53 15 321 15 2410 0 2572 4 2397 -58 2523 -56 115 -184 223 -310 262 -63 20 -97 20 -2036 20l-1971 0 -66 -24z"
        android:fillColor="#ffffff" />
    <path
        android:pathData="M498 2820C322 2790 207 2702 128 2534L95 2465 92 1476C90 496 90 486 110 424 155 289 255 178 389 112l76 -37 1998 -3 1997 -2 63 21c160 53 293 193 338 357 17 59 19 106 19 407 0 369 -4 404 -56 507 -55 109 -179 205 -304 237 -25 7 -54 16 -65 21 -11 5 -206 68 -433 140 -227 72 -677 214 -1000 316 -323 102 -623 197 -667 211 -44 14 -343 108 -665 210 -322 102 -691 218 -820 259 -240 76 -271 81 -372 64z"
        android:fillColor="#ffffff" />
</group>
</vector>

这篇关于如何为登录屏幕背景设计倾斜的对角线或圆角矩形可绘制资源文件?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆