Android如何更改文本输入背景图片

时间:2019-01-12 23:15:38

标签: android-layout material-design

对于输入文本,我有以下代码

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_marginBottom="8dp"
        android:background="@drawable/ic_login_screen_input_container">
        <EditText android:id="@+id/input_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textPersonName"
            android:hint="Name"/>
    </android.support.design.widget.TextInputLayout>

添加android:background后,输入文本变为: enter image description here

如您所见,我将圆形容器添加为背景图像,但输入文本框后面仍带有矩形框。我的最终目标是创建一个像这样的输入文本框: enter image description here

然后,当用户开始在框中键入内容时,输入文本框应变为: enter image description here

请让我知道我应该如何实现

3 个答案:

答案 0 :(得分:0)

android:background="@drawable/ic_login_screen_input_container"内添加EditText并将其从TextInputLayout中删除 OR add android:background="@null"到您的EditText

答案 1 :(得分:0)

我通过启用@Mohammad(https://stackoverflow.com/a/52401339/9793695)建议的材料设计来解决此问题,但是,我还需要遵循(Updating com.android.support libraries v7:26.+ to v7:28.0.0 throw Multiple dex files define Lcom/google/common/util/concurrent/ListenableFuture)中的说明来首先解决所有依赖项。希望对您有所帮助!

答案 2 :(得分:0)

使用 compileSdkVersion 28

使用 targetSdkVersion 28

依赖项

onTap: () async{
  await Navigator.push(
    //Rest of the code is same.
  );
}

添加此代码

implementation 'com.android.support:appcompat-v7:28.0.0-alpha3'
implementation 'com.android.support:design:28.0.0-alpha3'