Android - 实现类似Instagram的Edittext框

时间:2013-12-07 06:32:00

标签: java android android-layout android-edittext

我正在开发Android应用程序,我将实现一个EditBox,它非常像下面显示的Instagram:

与下面的屏幕截图类似,红线标记的区域是一个完整的编辑框(这意味着点击任意位置,甚至图像,编辑框将获得焦点,键盘将显示。)但只有右侧的蓝线是输入文本区域。

Instagram Editbox http://snag.gy/CTWsK.jpg

我目前拥有的代码非常简单

 <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="10dp"
    android:weightSum="1" >

    <EditText
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@drawable/rounded_edittext"
        android:hint="Ho shot man"
        android:inputType="textMultiLine"
        android:layout_weight="1" />       
</LinearLayout>

和drawable定义为:

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:padding="10dp"
  android:shape="rectangle" >

  <solid android:color="#FFFFFF" />

  <stroke
    android:width="1dp"
    android:color="#2f6699" />

  <corners
    android:bottomLeftRadius="10dp"
    android:bottomRightRadius="10dp"
    android:topLeftRadius="10dp"
    android:topRightRadius="10dp" />
</shape>

我不确定是否有一个布局级联解决方法,我可以做一个像Instagram一样的编辑框,或者我是否需要扩展编辑框来改变它的行为?指针或代码示例将非常有用,谢谢!

1 个答案:

答案 0 :(得分:2)

试试这个

                <EditText
                    android:id="@+id/editthis"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/editbox"
                    android:hint="this this this"
                    android:padding="5dip"
                    android:singleLine="true"
                    android:textColor="#999999"
                     android:textSize="14dip"                          
                    android:drawableLeft="@drawable/ic_launcher" /> 

左侧可绘制图标将设置在左侧

enter image description here