如何禁用背后视图点击事件Framelayout
Posted
技术标签:
【中文标题】如何禁用背后视图点击事件Framelayout【英文标题】：How to disable behind view click event Framelayout 【发布时间】：2013-04-28 23:02:12 【问题描述】：这里我有一个视图寻呼机活动，它有一个图像视图和 2 个覆盖栏。我使用 android xml 文件布局本身制作了覆盖栏。
这里我的要求是这样的
1) 第一次单击查看寻呼机的图像视图 = 显示顶部和底部矩形覆盖栏。 2) 第二次单击查看寻呼机的图像视图 = 隐藏这些叠加层。
这两个都是类似android画廊视图类型的功能。
但是，当这些顶部和底部布局栏显示时，我只想使用按钮单击仅在此布局中声明的按钮。
但我没有成功实现这件事。
问题
1) 当top or bottom bar 存在时，如果我可以点击next or previous 按钮而不是它在imageview 单击单击事件后面的事件，并且我的栏变得不可见。
2) 只想声明按钮事件
3) 当我触摸覆盖栏时，避免点击 imageview。
简而言之，当我的顶部和底部图像栏出现时，顶部和底部图像栏的图像视图不会发生任何 touh 事件。当我点击下一个或上一个或共享按钮时，我可以点击 imageview 但无法点击。
所以这些是我面临的问题，请帮助我。
源代码：
activity_pager_image.xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_ >
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_
android:layout_ />
<RelativeLayout
android:id="@+id/rl_top_overlay"
android:layout_
android:layout_
android:background="@drawable/slideshow_bar"
android:visibility="gone" >
<TextView
android:id="@+id/tv_top_overlay"
android:layout_
android:layout_
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:textIsSelectable="false" />
</RelativeLayout>
<RelativeLayout
android:id="@+id/rl_bottom_overlay"
android:layout_
android:layout_
android:layout_gravity="bottom"
android:background="@drawable/slideshow_bar"
android:visibility="visible" >
<Button
android:id="@+id/btn_left_arrow"
android:layout_
android:layout_
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:layout_marginLeft="35dp"
android:background="@drawable/ic_left_arrow" />
<Button
android:id="@+id/btn_below_share"
style="@style/normalText"
android:layout_
android:layout_
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="35dp"
android:background="@drawable/ic_share"
android:visibility="visible" />
<Button
android:id="@+id/btn_right_arrow"
android:layout_
android:layout_
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:layout_marginLeft="50dp"
android:layout_toRightOf="@id/btn_left_arrow"
android:background="@drawable/ic_right_arrow" />
</RelativeLayout>
</FrameLayout>
item_pager_image.xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_ >
<demo.android.library.imagezoom.ImageViewTouch
android:id="@+id/image"
android:layout_
android:layout_
android:adjustViewBounds="true"
android:contentDescription="@string/descr_image"
android:scaleType="fitXY" />
</FrameLayout>
JAVA代码
public class ImagePagerActivity extends BaseActivity
private static final String STATE_POSITION = "STATE_POSITION";
private DisplayImageOptions options;
private String[] imageUrls;
private ViewPager pager;
private static int sCounter = 0;
private RelativeLayout mRlTopOverlayBar = null;
private RelativeLayout mRlBottomOverlayBar = null;
private TextView mPageNumberText = null;
private Button mLeftArrow = null;
private Button mRightArrow = null;
int mPageCounter = 0;
int mTotalImages = 0;
public void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_image_pager);
mRlTopOverlayBar = (RelativeLayout) findViewById(R.id.rl_top_overlay);
mRlBottomOverlayBar = (RelativeLayout) findViewById(R.id.rl_bottom_overlay);
mPageNumberText = (TextView) findViewById(R.id.tv_top_overlay);
mLeftArrow = (Button) findViewById(R.id.btn_left_arrow);
mRightArrow = (Button) findViewById(R.id.btn_right_arrow);
Bundle bundle = getIntent().getExtras();
String[] imageUrls = bundle
.getStringArray(Constants.GALLARY_IMAGES_IMAGE_BUNDLE_KEY);
mTotalImages = imageUrls.length;
mPageCounter = bundle.getInt(
Constants.GALLARY_IMAGE_POSITION_BUNDLE_KEY, 0);
Log.d("TAG", "Pre Poistion " + mPageCounter);
if (savedInstanceState != null)
mPageCounter = savedInstanceState.getInt(STATE_POSITION);
options = new DisplayImageOptions.Builder()
.showImageForEmptyUri(R.drawable.photo_default)
.showImageOnFail(R.drawable.ic_error).resetViewBeforeLoading()
.cacheOnDisc().imageScaleType(ImageScaleType.EXACTLY)
.bitmapConfig(Bitmap.Config.RGB_565)
.displayer(new FadeInBitmapDisplayer(300)).build();
pager = (ViewPager) findViewById(R.id.pager);
pager.setAdapter(new ImagePagerAdapter(imageUrls));
pager.setCurrentItem(mPageCounter);
mLeftArrow.setOnClickListener(new OnClickListener()
@Override
public void onClick(View v)
// int setCounter = mPageCounter - 1;
// if (setCounter >= 0)
//
pager.setCurrentItem(pager.getCurrentItem() - 1);
);
mRightArrow.setOnClickListener(new OnClickListener()
@Override
public void onClick(View v)
pager.setCurrentItem(pager.getCurrentItem() + 1);
/*
* int setCounter = mPageCounter + 1; if (setCounter <
* mTotalImages) pager.setCurrentItem(mPageCounter + 1);
*/
);
@Override
public void onSaveInstanceState(Bundle outState)
outState.putInt(STATE_POSITION, pager.getCurrentItem());
private class ImagePagerAdapter extends PagerAdapter
private String[] images;
private LayoutInflater inflater;
ImagePagerAdapter(String[] images)
this.images = images;
inflater = getLayoutInflater();
@Override
public void destroyItem(ViewGroup container, int position, Object object)
((ViewPager) container).removeView((View) object);
@Override
public void finishUpdate(View container)
@Override
public int getCount()
return images.length;
@Override
public Object instantiateItem(ViewGroup view, int position)
View imageLayout = inflater.inflate(R.layout.item_pager_image,
view, false);
Log.d("TAG", "Poistion " + position);
final ImageViewTouch imageView = (ImageViewTouch) imageLayout
.findViewById(R.id.image);
final DeactivableViewPager viewPager = new DeactivableViewPager(
ImagePagerActivity.this);
imageView.setOnScaleListener(new OnPageScaleListener()
@Override
public void onScaleBegin()
viewPager.deactivate();
@Override
public void onScaleEnd(float scale)
if (scale > 1.0)
viewPager.deactivate();
else
viewPager.activate();
);
imageView
.setSingleTapListener(new OnImageViewTouchSingleTapListener()
@Override
public void onSingleTapConfirmed()
Log.d("TAG", "setSingleTapListener");
sCounter++;
if (sCounter % 2 == 0)
mRlTopOverlayBar.setVisibility(View.GONE);
mRlBottomOverlayBar.setVisibility(View.GONE);
else
mRlTopOverlayBar.setVisibility(View.VISIBLE);
mRlBottomOverlayBar.setVisibility(View.VISIBLE);
mRlBottomOverlayBar.setClickable(false);
mRlTopOverlayBar.setClickable(false);
);
imageLoader.displayImage(images[position], imageView, options,
new SimpleImageLoadingListener()
@Override
public void onLoadingStarted(String imageUri, View view)
// spinner.setVisibility(View.VISIBLE);
@Override
public void onLoadingFailed(String imageUri, View view,
FailReason failReason)
String message = null;
switch (failReason.getType())
case IO_ERROR:
message = "Input/Output error";
break;
case DECODING_ERROR:
message = "Image can't be decoded";
break;
case NETWORK_DENIED:
message = "Downloads are denied";
break;
case OUT_OF_MEMORY:
message = "Out Of Memory error";
break;
case UNKNOWN:
message = "Unknown error";
break;
Toast.makeText(ImagePagerActivity.this, message,
Toast.LENGTH_SHORT).show();
// spinner.setVisibility(View.GONE);
@Override
public void onLoadingComplete(String imageUri,
View view, Bitmap loadedImage)
// spinner.setVisibility(View.GONE);
);
((ViewPager) view).addView(imageLayout, 0);
return imageLayout;
@Override
public boolean isViewFromObject(View view, Object object)
return view.equals(object);
@Override
public void restoreState(Parcelable state, ClassLoader loader)
@Override
public Parcelable saveState()
return null;
@Override
public void startUpdate(View container)
图片：
谢谢
【问题讨论】：
我知道这已经晚了 5 年，但我发现你的主屏幕应该是一个片段。不要将控件添加到“activity_main”或“content_main”，而不是使用框架布局来保存片段。当按下相同的坐标时，将控件添加到主 Activity 的布局将导致覆盖片段触发主 Activity 控件的事件。将每个片段的父布局设置为 'android:clickable="true"'。 【参考方案1】：更好的方法是将顶部和底部框架设置为可点击，使用：
android:clickable="true"
这样做将确保视图/框架本身将捕获所有点击事件，并且不会将其传递给它后面的视图。请注意，此方法适用于所有布局/视图/控件，但许多控件（如按钮）已默认启用此功能。
【讨论】：
这仅在下视图不是按钮时有效。否则按钮仍在接收点击事件。 应该是公认的答案。当前接受的答案是 hack 好吧，对我不起作用，它后面的列表视图仍然被点击 如果你打开 Accessiblity/Talkback 来测试这个，你会在屏幕背面看到被选中的项目 是的，此解决方案工作正常，但请注意，如果您需要实现对讲模式，它将宣布视图为可点击。因此，对于一些依赖 Talkback 的用户来说，这可能会让人感到困惑。【参考方案2】：android:clickable="true" 用于顶部和底部栏。
或者给每个FrameLayout一个onClickListener。
【讨论】：
【参考方案3】：只需将此添加到您的每个框架布局视图容器中，以便吸收点击：
android:clickable="true"
android:focusable="true"
android:focusableInTouchMode="true"
【讨论】：
【参考方案4】：默认情况下，某些控件的clickable 属性为true。
但布局没有。对于布局，我们必须让它们显式地可点击，这样它才能抓住点击或触摸的事件，并且不会让它传递给背景视图。我们就是这样做的：
android:clickable="true"
android:focusable="true"
android:focusableInTouchMode="true"
将这些行添加到您的所有布局中，以便它能够抓取/吸收事件并且不会让它传递到背景视图。
【讨论】：
【参考方案5】：@gordon1hd1 的答案是正确的，但对于那些仍然感到困惑的人，我正在添加我的布局，其中包含一个 FrameLayout 作为父级和一个 LinearLayout 和两个ImageViews 作为子级。
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_>
<LinearLayout
android:layout_
android:layout_
android:id="@+id/scroll_parent"
android:orientation="horizontal" />
<ImageView
android:id="@+id/ivArrowLeft"
android:layout_
android:layout_
android:layout_marginLeft="4dp"
android:src="@drawable/actionbar_back"
android:layout_gravity="left|center_vertical"
android:background="#3f808080"
android:clickable="true"
/>
<ImageView
android:id="@+id/ivArrowRight"
android:layout_
android:layout_
android:layout_marginRight="4dp"
android:src="@drawable/actionbar_back"
android:layout_gravity="right|center_vertical"
android:background="#3f808080"
android:rotation="180"
android:clickable="true"
/>
</FrameLayout>
以前，Linearlayout 在按下任一ImageViews 时也会拦截触摸事件。将android:clickable="true" 添加到ImageViews 解决了这个问题。
如果您也遇到此类问题，请将android:clickable="true" 添加到要捕获点击事件的视图中。
【讨论】：
【参考方案6】：只需将 xml 中的 android:clickable="true" 设置为前景视图。
【讨论】：
【参考方案7】： imageView.setSingleTapListener(new OnImageViewTouchSingleTapListener()
@Override
public void onSingleTapConfirmed()
Log.d("TAG", "setSingleTapListener");
sCounter++;
if (sCounter % 2 == 0)
mRlTopOverlayBar.setVisibility(View.GONE);
mRlBottomOverlayBar.setVisibility(View.GONE);
pager.requestFocus();
else
mRlTopOverlayBar.setVisibility(View.VISIBLE);
mRlBottomOverlayBar.setVisibility(View.VISIBLE);
mRlTopOverlayBar.requestFocus();
mRlBottomOverlayBar.requestFocus();
mRlBottomOverlayBar.setClickable(true);
mRlTopOverlayBar.setClickable(true);
);
【讨论】：
【参考方案8】：将android:clickable="true" 添加到rl_bottom_overlay 和rl_top_overlay。如果您没有为这些布局设置点击事件（也没有通过 XML 编程），则不会在背景视图上触发任何事件。
【讨论】：
【参考方案9】：<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:id="@+id/llSettings"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:layout_gravity="right"
android:background="#ff106279"
android:minHeight="25px"
android:minWidth="25px"
android:onClick="click"
android:orientation="vertical"
android:visibility="visible">
<LinearLayout
android:id="@+id/llSettings1"
android:layout_
android:layout_
android:layout_gravity="right"
android:background="#ff000f"
android:clickable="true"
android:minHeight="25px"
android:minWidth="25px"
android:orientation="vertical"
android:visibility="visible">
<Button
android:id="@+id/button"
android:layout_
android:layout_
android:layout_gravity="center_horizontal"
android:onClick="buttonclick"
android:text="New Button" />
</LinearLayout>
</RelativeLayout>
和
public void click(View v)
Toast.makeText(this, "((RelativeLayout)v).toString()", Toast.LENGTH_SHORT).show();
public void buttonclick(View v)
Toast.makeText(this, "Button", Toast.LENGTH_SHORT).show();
【讨论】：
以上是关于如何禁用背后视图点击事件Framelayout的主要内容，如果未能解决你的问题，请参考以下文章