AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • 主页
  • 系统&网络
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • 主页
  • 系统&网络
    • 最新
    • 热门
    • 标签
  • Ubuntu
    • 最新
    • 热门
    • 标签
  • Unix
    • 最新
    • 标签
  • DBA
    • 最新
    • 标签
  • Computer
    • 最新
    • 标签
  • Coding
    • 最新
    • 标签
主页 / coding / 问题 / 77151897
Accepted
Ammar Bakr
Ammar Bakr
Asked: 2023-09-22 00:04:23 +0800 CST2023-09-22 00:04:23 +0800 CST 2023-09-22 00:04:23 +0800 CST

XML 中 EditText 的自定义设计

  • 772

我想在 android xml 中得到这个设计,不完全是,但接近它。我对 Android 还很陌生,所以请在您赞赏的答案中更加具体。

自定义编辑文本

尝试使用自定义背景来更接近上面的设计,但无法将该标签保留在输入字段的顶部。

谢谢

android
  • 1 1 个回答
  • 17 Views

1 个回答

  • Voted
  1. Best Answer
    Pawan Singh Harariya
    2023-09-22T00:50:26+08:002023-09-22T00:50:26+08:00

    您可以使用TextInputLayoutMaterial Design,这是 Google 推荐的 Android 设计指南。

    您可以在此处阅读有关不同 TextInputLayout 设计的更多信息。

    将材料设计依赖项添加到应用程序的应用程序级模块。

    implementation("com.google.android.material:material:1.9.0")
    

    res/drawable为文件夹中的背景创建圆角边框

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <stroke
            android:width="2dp"
            android:color="@android:color/holo_blue_dark" />
        <corners android:radius="12dp" />
    </shape>
    

    创建TextInputLayout并应用圆形背景可绘制对象。hint将要显示为标签的文本设置为。最初它会显示为提示,但当您开始输入时,它会动画到顶部,并像您想要的那样显示为标签。

        <com.google.android.material.textfield.TextInputLayout
            android:id="@+id/textField"
            android:layout_width="match_parent"
            app:boxBackgroundMode="none"
            android:paddingTop="16dp"
            android:textColorHint="@android:color/holo_blue_dark"
            app:hintTextColor="@android:color/holo_blue_dark"
            android:layout_centerInParent="true"
            android:layout_marginHorizontal="12dp"
            android:background="@drawable/round_border_bg"
            android:layout_height="wrap_content"
            android:hint="Email Address">
    
            <com.google.android.material.textfield.TextInputEditText
                android:layout_width="match_parent"
                android:paddingTop="8dp"
                android:layout_height="wrap_content" />
        </com.google.android.material.textfield.TextInputLayout>
    

    示例输出:

    正常 - 文本显示为提示

    在此输入图像描述

    当用户输入时 - 文本显示为标签

    在此输入图像描述

    • 0

相关问题

  • 滚动 Recyclerview 应覆盖工具栏

  • 底部像素溢出并且导航功能不起作用

  • 从列表中选择一种颜色,在 Android 中找不到数组

  • 将 MapLibre 添加到新的 Android 项目不起作用

  • 我应该将矢量图像放入资源还是绘图中?我的应用程序中有数千个向量

Sidebar

Stats

  • 问题 205573
  • 回答 270741
  • 最佳答案 135370
  • 用户 68524
  • 热门
  • 回答
  • Marko Smith

    使用 <font color="#xxx"> 突出显示 html 中的代码

    • 2 个回答
  • Marko Smith

    为什么在传递 {} 时重载解析更喜欢 std::nullptr_t 而不是类?

    • 1 个回答
  • Marko Smith

    您可以使用花括号初始化列表作为(默认)模板参数吗?

    • 2 个回答
  • Marko Smith

    为什么列表推导式在内部创建一个函数?

    • 1 个回答
  • Marko Smith

    我正在尝试仅使用海龟随机和数学模块来制作吃豆人游戏

    • 1 个回答
  • Marko Smith

    java.lang.NoSuchMethodError: 'void org.openqa.selenium.remote.http.ClientConfig.<init>(java.net.URI, java.time.Duration, java.time.Duratio

    • 3 个回答
  • Marko Smith

    为什么 'char -> int' 是提升,而 'char -> Short' 是转换(但不是提升)?

    • 4 个回答
  • Marko Smith

    为什么库中不调用全局变量的构造函数?

    • 1 个回答
  • Marko Smith

    std::common_reference_with 在元组上的行为不一致。哪个是对的?

    • 1 个回答
  • Marko Smith

    C++17 中 std::byte 只能按位运算?

    • 1 个回答
  • Martin Hope
    fbrereto 为什么在传递 {} 时重载解析更喜欢 std::nullptr_t 而不是类? 2023-12-21 00:31:04 +0800 CST
  • Martin Hope
    比尔盖子 您可以使用花括号初始化列表作为(默认)模板参数吗? 2023-12-17 10:02:06 +0800 CST
  • Martin Hope
    Amir reza Riahi 为什么列表推导式在内部创建一个函数? 2023-11-16 20:53:19 +0800 CST
  • Martin Hope
    Michael A fmt 格式 %H:%M:%S 不带小数 2023-11-11 01:13:05 +0800 CST
  • Martin Hope
    God I Hate Python C++20 的 std::views::filter 未正确过滤视图 2023-08-27 18:40:35 +0800 CST
  • Martin Hope
    LiDa Cute 为什么 'char -> int' 是提升,而 'char -> Short' 是转换(但不是提升)? 2023-08-24 20:46:59 +0800 CST
  • Martin Hope
    jabaa 为什么库中不调用全局变量的构造函数? 2023-08-18 07:15:20 +0800 CST
  • Martin Hope
    Panagiotis Syskakis std::common_reference_with 在元组上的行为不一致。哪个是对的? 2023-08-17 21:24:06 +0800 CST
  • Martin Hope
    Alex Guteniev 为什么编译器在这里错过矢量化? 2023-08-17 18:58:07 +0800 CST
  • Martin Hope
    wimalopaan C++17 中 std::byte 只能按位运算? 2023-08-17 17:13:58 +0800 CST

热门标签

python javascript c++ c# java typescript sql reactjs html

Explore

  • 主页
  • 问题
    • 最新
    • 热门
  • 标签
  • 帮助

Footer

AskOverflow.Dev

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve