android - 重叠视图

时间:2012-11-25 14:17:50

标签: android android-layout android-view

这就是事情:

我有一个EditText和一个Button。这个概念是让EditText变长,以便它覆盖Button,但Button位于顶部。让我们这样画,[]为EditText宽度,()为按钮宽度。

[ EditText        ( Button )]

Button位于EditText的右侧。可能吗? 有什么建议?感谢。

1 个答案:

答案 0 :(得分:2)

您应该创建自定义视图。在下面的示例中,有一个右侧的edittect,当您单击它时,它会清除edittext。

clearable_edit_text.xml

<?xml version=”1.0″ encoding=”utf-8″?>
<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
>

<EditText
android:id=”@+id/clearable_edit”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:paddingRight=”35dip”
/>
<Button
android:id=”@+id/clearable_button_clear”
android:layout_width=”30dip”
android:layout_height=”30dip”
android:layout_alignParentRight=”true”
android:background=”@drawable/image_clear”
android:layout_centerVertical=”true”
android:layout_marginRight=”5dip”/>

</RelativeLayout>

JAVA代码

import android.content.Context;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.RelativeLayout;

public class ClearableEditText extends RelativeLayout
{
LayoutInflater inflater = null;
EditText edit_text;
Button btn_clear;

public ClearableEditText(Context context, AttributeSet attrs, int defStyle)
{
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
initViews();
}

public ClearableEditText(Context context, AttributeSet attrs)
{
super(context, attrs);
// TODO Auto-generated constructor stub
initViews();

}

public ClearableEditText(Context context)
{
super(context);
// TODO Auto-generated constructor stub
initViews();
}

void initViews()
{
inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
inflater.inflate(R.layout.clearable_edit_text, this, true);
edit_text = (EditText) findViewById(R.id.clearable_edit);
btn_clear = (Button) findViewById(R.id.clearable_button_clear);
btn_clear.setVisibility(RelativeLayout.INVISIBLE);
clearText();
showHideClearButton();
}

void clearText()
{
btn_clear.setOnClickListener(new OnClickListener()
{
@Override
public void onClick(View v)
{
// TODO Auto-generated method stub
edit_text.setText(“”);
}
});
}

void showHideClearButton()
{
edit_text.addTextChangedListener(new TextWatcher()
{

@Override
public void onTextChanged(CharSequence s, int start, int before, int count)
{
// TODO Auto-generated method stub
if (s.length() > 0)
btn_clear.setVisibility(RelativeLayout.VISIBLE);
else
btn_clear.setVisibility(RelativeLayout.INVISIBLE);
}

@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after)
{
// TODO Auto-generated method stub

}

@Override
public void afterTextChanged(Editable s)
{
// TODO Auto-generated method stub

}
});
}

public Editable getText()
{
Editable text = edit_text.getText();
return text;
}
}

所以现在我们的自定义视图ClearableEditText已准备好,现在我们可以在任何需要的地方使用它。 像

<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent” >

<com.and.ab1209.ClearableEditText
android:id=”@+id/edit_text_clearable”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content” />

</LinearLayout>