【问题标题】:How to achieve semi-transparent EditText?如何实现半透明EditText?
【发布时间】:2019-01-17 19:41:37
【问题描述】:

我想重新创建此布局,但无法执行此操作。 我需要制作半透明 TextInputEditText 和 2 角曲线卡片视图的说明/指南。

谢谢!

来源:material.io

【问题讨论】:

  • 到目前为止你尝试了什么?

标签: android android-layout android-edittext material-design android-cardview


【解决方案1】:

将下面的代码设置为Editext的android:background="@drawable/abc"

abc.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <solid
      android:color="#8c000000"/>

<corners
    android:bottomRightRadius="17dp"
    android:topRightRadius="17dp"/>

</shape>

十六进制不透明度值

100% — FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5% — 0D
0% — 00

【讨论】:

    【解决方案2】:

    圆角在drawable中创建xml

    xml

    <?xml version="1.0" encoding="UTF-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
        <corners android:radius="5dp"/>
        <padding android:left="10dp" android:right="10dp" android:top="10dp" android:bottom="10dp"/>
        <stroke android:width="1dp" android:color="#CCCCCC"/>
    </shape>
    

    在editText中试试这个半透明背景

       android:alpha=".6"
    

    【讨论】:

      【解决方案3】:

      对于 EditText

      在drawable文件夹中创建edit_text_bg.xml文件,并在其中添加以下代码。

      android:background="drawable/edit_text_bg" 到你的 EditText

      <shape xmlns:android="http://schemas.android.com/apk/res/android"
          android:shape="rectangle">
          <corners
              android:radius="2dp"
              android:topRightRadius="7dp"
              android:topLeftRadius="7dp"
              android:bottomRightRadius="7dp"
              android:bottomLeftRadius="7dp" />
          <solid android:color="@android:color/transparent">
          </solid>
          <stroke
              android:width="1dp"
              android:color="@android:color/darker_gray" />
      </shape>

      用于圆角曲线形状。

      在drawable文件夹中创建curved_bg.xml文件,并在其中添加以下代码。

      <shape xmlns:android="http://schemas.android.com/apk/res/android"
          android:shape="rectangle">
          <corners
              android:radius="2dp"
              android:topRightRadius="20dp"
              android:topLeftRadius="20dp"
              android:bottomRightRadius="0dp"
              android:bottomLeftRadius="0dp" />
          <solid android:color="@android:color/white">
          </solid>
          <stroke
              android:width="1dp"
              android:color="@android:color/white" />
      </shape>

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2018-11-23
        • 1970-01-01
        • 2011-01-13
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2023-04-08
        相关资源
        最近更新 更多