这是一个模仿的小例子,记录我在编写过程中所碰到的一些问题。
这个是最终效果
主要介绍上面的搜索布局是怎么实现的,注意的是该实现功能是在RelativeLayout布局下。咱们先在布局中放一个EditText控件,给父容器设置gravity为center,让EditText控件居中,并且给EditText的hint设置一个值。
android:gravity="center"
设置EditText的背景为圆角
先现在drawable下新建一个shape节点的XML文件。
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<solid android:color="#FFFFFF" />
<corners android:radius="6dp" />
</shape>
shape属性的具体含义就不多说了,推荐一篇博客自己去看
http://blog.csdn.net/wswqiang/article/details/6616306
然后新建完了,给EditText的background属性设置为它
android:background="@drawable/title_search_bg"
将一个图片设置在EditText中
代码很简单,因为是在帧布局下,所以可以利用特心。在该ImageView中添加如下代码
android:layout_alignLeft="@id/searchText"
android:layout_alignTop="@id/searchText"
android:layout_alignBottom="@id/searchText"
searchText是EditText的Id值,意思就是说让ImageView的左边和上边,下边跟EditText控件对齐,这样就可以将ImageView设置在EditText中了。
嗯,似乎应该让hint提示的搜索往右边走点,只需要在原来写的shape中加一个属性就行了
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<solid android:color="#FFFFFF" />
<corners android:radius="6dp" />
<!-- 添加该属性 -->
<padding android:left="24dp" />
</shape>
在给ImageView一个margin值让图片稍微往右边走点。
android:layout_marginLeft="6dp"
EditText的背景太白了,不好看,而且搜索的图片看不清,虽然在xml中设置过background的,但是我们还可以在代码中设置。
EditText searchText = (EditText) view.findViewById(R.id.searchText);
searchText.getBackground().setAlpha(100);
意思就是说设置EditText的背景为半透明的。
这个时候就差不多~\(≧▽≦)/~啦啦啦,不过当有光标锁定的时候,就会自动弹出输出法,并且还会影响布局(⊙﹏⊙)b。
先解决第一个问题,如何让有光标但是不弹输入法,这个有几种方法,可以参考 该片博客 http://m.blog.csdn.net/blog/lizhawu2009/43936779
不过还有更好的办法,就是下面 不影响Activity原有布局 解决方案的第一种,2个问题一起解决了。
还有一个问题,输入法弹出不影响activity原有布局
对于这个问题,网络上给出了很多解决方案,可以修改布局之类的就不说了:1.在AndroidManifest.xml 中对应的activity下添加如下代码:
<activity
<!-- 添加这段代码 -->
android:windowSoftInputMode="adjustPan"
android:name=".MainActivity"
android:label="@string/app_name"
至于windowSoftInputMode有哪些属性自己去看看
http://blog.csdn.net/liluo1217/article/details/6184169
2.在当前Activity的Java文件中添加如下代码 ,其实也就是通过Java代码添加第一种情况
getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN);
后续还有一些问题没有写完,打算在下篇中继续写\(^o^)/~。