Android 如何制作带放大镜查询标志的圆角搜索框
时间: 2023-05-17 11:03:12 浏览: 102
带查询的搜索框
您可以使用 Android 中的 EditText 和 ImageView 组件来制作带放大镜查询标志的圆角搜索框。首先,您需要在布局文件中添加一个 EditText 组件和一个 ImageView 组件,然后将它们放在一个 LinearLayout 中。接下来,您可以使用 drawable 资源来定义圆角背景和放大镜图标。最后,您需要在代码中设置 EditText 的背景和 ImageView 的图标。以下是示例代码:
布局文件:
```
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/search_box_bg"
android:orientation="horizontal"
android:padding="8dp">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_search"/>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:hint="Search"/>
</LinearLayout>
```
drawable/search_box_bg.xml:
```
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#FFFFFF"/>
<corners android:radius="16dp"/>
</shape>
```
drawable/ic_search.xml:
```
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path
android:fillColor="#000000"
android:pathData="M15.5,14h-0.79l-0.28,-0.27c1.09,-1.29 1.75,-2.96 1.75,-4.73 0,-4.42 -3.58,-8 -8,-8s-8,3.58 -8,8 3.58,8 8,8c1.77,0 3.44,-0.66 4.73,-1.75l0.27,0.28v0.79l5,4.99c0.39,0.39 1.02,0.39 1.41,0l0.01,-0.01c0.39,-0.39 0.39,-1.02 0,-1.41l-4.99,-5zm-6.5,0c-2.76,0 -5,-2.24 -5,-5s2.24,-5 5,-5 5,2.24 5,5 -2.24,5 -5,5z"/>
</vector>
```
Java 代码:
```
EditText editText = findViewById(R.id.edit_text);
ImageView imageView = findViewById(R.id.image_view);
imageView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// Handle search button click
}
});
```
阅读全文