android 按钮和编辑文本的自定义UI

jucafojl  于 2023-01-03  发布在  Android
关注(0)|答案(1)|浏览(144)

我一直在尝试设计一个按钮和编辑文本在原生android中,但无法创建如图所示的确切的用户界面。如果有人知道我如何创建这样的用户界面,请分享您的想法。在图像中,第一个字段应作为一个输入框,第二个字段应作为按钮。

wkyowqbh

wkyowqbh1#

下面给出的xmls将创建与您所要求的相同的UI。:)
1.在可绘制文件夹中创建roundedbutton.xml资源文件,如下所示

<?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">
 <solid android:color="#eeC4C6C7" />
 <corners android:bottomRightRadius="30dp"
 android:bottomLeftRadius="30dp"
 android:topRightRadius="30dp"
 android:topLeftRadius="30dp"/>
 </shape>

1.创建roundededittext.xml资源文件在drawable文件夹中,如下所示

<?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle">
  <solid android:color="#eeCD3E22" />
  <corners android:bottomRightRadius="30dp"
 android:bottomLeftRadius="30dp"
 android:topRightRadius="30dp"
 android:topLeftRadius="30dp"/>
   </shape>

创建你的主xml布局文件。我用你的自定义编辑文本创建的,如下所示:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal" android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="20dp">

<ImageButton
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:background="@drawable/roundedbutton"
    android:elevation="10dp"
    android:layout_gravity="center_vertical"
    android:text="t"
    />
<EditText
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:layout_marginLeft="-30dp"
    android:elevation="2dp"
    android:layout_gravity="center_vertical"
    android:background="@drawable/roundededittext"/>

   </LinearLayout>

希望有帮助!有任何疑问都要问。

相关问题