如何在片段中使用XML onClick处理按钮单击


440

蜂窝前(Android 3),每个活动均已注册,以通过onClickLayout的XML中的标签处理按钮单击:

android:onClick="myClickMethod"

在该方法中,您可以使用view.getId()和switch语句执行按钮逻辑。

随着Honeycomb的引入,我将这些活动分解为片段,可以在许多不同的活动中重用这些片段。按钮的大多数行为是独立于活动的,我希望代码驻留在Fragments文件中,而无需使用OnClickListener为每个按钮注册的旧方法(1.6版之前)。

final Button button = (Button) findViewById(R.id.button_id);
button.setOnClickListener(new View.OnClickListener() {
    public void onClick(View v) {
        // Perform action on click
    }
});

问题是,当我的布局膨胀时,仍然是托管活动正在接收按钮点击,而不是单个片段。是否有一个好的方法

  • 注册片段以接收按钮点击?
  • 将点击事件从“活动”传递到它们所属的片段?

1
您不能在片段的onCreate中处理注册侦听器吗?
CL22

24
@jodes是的,但是我不想使用setOnClickListenerfindViewById对于每个按钮,这就是为什么onClick要添加它,以使事情变得更简单。
smith324 2011年

4
查看公认的答案,我认为使用setOnClickListener比坚持使用XML onClick方法更宽松。如果活动必须将每次单击“转发”到正确的片段,则意味着每次添加片段时都必须更改代码。使用接口与片段的基类解耦对此无济于事。如果片段使用正确的按钮本身注册,则活动将完全不可知,这是IMO更好的样式。另请参阅Adorjan Princz的答案。
Adriaan Koster 2014年

@ smith324必须就这一点与Adriaan达成共识。看看Adorjan的答案,然后看看生活是否还好过一点。
user1567453

Answers:


175

您可以这样做:

活动:

Fragment someFragment;    

//...onCreate etc instantiating your fragments

public void myClickMethod(View v) {
    someFragment.myClickMethod(v);
}

分段:

public void myClickMethod(View v) {
    switch(v.getId()) {
        // Just like you were doing
    }
}    

响应@Ameen,他希望减少耦合,以便片段可重用

接口:

public interface XmlClickable {
    void myClickMethod(View v);
}

活动:

XmlClickable someFragment;    

//...onCreate, etc. instantiating your fragments casting to your interface.
public void myClickMethod(View v) {
    someFragment.myClickMethod(v);
}

分段:

public class SomeFragment implements XmlClickable {

//...onCreateView, etc.

@Override
public void myClickMethod(View v) {
    switch(v.getId()){
        // Just like you were doing
    }
}    

52
基本上,这就是我现在要执行的操作,但是当您有多个片段且每个片段都需要接收点击事件时,这将变得更加混乱。总的来说,我只是对片段感到困惑,因为范式已经消散在它们周围。
smith324 2011年

128
我遇到了同样的问题,尽管我很感谢您的回答,但是从软件工程的角度来看,这并不是干净的代码。此代码导致活动与片段紧密耦合。您应该能够在多个活动中重用相同的片段,而无需让活动知道片段的实现细节。
Ameen

1
应该是“ switch(v.getId()){”,而不是“ switch(v.getid()){”
eb80 2014年

5
您可以使用Euporie提到的已经存在的OnClickListener,而不是定义自己的Interface。
fr00tyl00p 2014年

1
当我读到这篇文章时,我哭了,那真是沸腾了……@AdorjanPrincz的以下回答是必须解决的方法。
Wjdavis5

603

我更喜欢使用以下解决方案来处理onClick事件。这也适用于活动和片段。

public class StartFragment extends Fragment implements OnClickListener{

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {

        View v = inflater.inflate(R.layout.fragment_start, container, false);

        Button b = (Button) v.findViewById(R.id.StartButton);
        b.setOnClickListener(this);
        return v;
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.StartButton:

            ...

            break;
        }
    }
}

9
在onCreateView中,我遍历ViewGroup v的所有子项,并为找到的所有Button实例设置onclicklistener。这比手动为所有按钮设置侦听器要好得多。
一个人2013年

17
投票了 这使片段可重复使用。否则为什么要使用片段?
博拉斯,2013年

44
这不是1987年对Windows进行编程所倡导的相同技术吗?不要担心。Google的发展迅速,而且全都与开发人员的生产力有关。我敢肯定,直到事件处理与1991-eara Visual Basic一样好之后,它才会出现。
爱德华·布雷

7
女巫导入您用于OnClickListener吗?Intellij建议我android.view.View.OnClickListener,它不起作用:/(onClick永远不会运行)
Lucas Jota 2013年

4
@NathanOsman我认为Question与xml onClick有关,因此被接受的ans提供了确切的解决方案。
Naveed Ahmad 2014年

29

我认为问题在于视图仍然是活动,而不是片段。这些片段本身没有任何独立的视图,并且附加到父活动视图。这就是为什么事件以活动而不是片段结尾的原因。不幸的是,但是我认为您需要一些代码才能完成这项工作。

转换期间,我一直在做的只是添加一个调用旧事件处理程序的点击监听器。

例如:

final Button loginButton = (Button) view.findViewById(R.id.loginButton);
loginButton.setOnClickListener(new OnClickListener() {
    @Override
    public void onClick(final View v) {
        onLoginClicked(v);
    }
});

1
谢谢-我对此做了一点修改,因为我将片段视图(即,inflater.inflate(R.layout.my_fragment_xml_resource的结果)传递给onLoginClicked(),以便它可以访问片段子视图,例如通过view.findViewById()编辑文本(如果我只是通过活动视图,则对view.findViewById(R.id.myfragmentwidget_id)的调用将返回null)。
Michael Nelson

这不适用于我项目中的API 21。关于如何使用这种方法有什么想法?
Darth Coder

它相当基本的代码,几乎在每个应用程序中都使用。您能描述一下您正在发生什么吗?
Brill Pappin 2015年

1
我赞成这个答案,以解释由于片段的布局附加到活动视图而导致的问题。
fllo 2016年

25

我最近解决了这个问题,而不必在上下文Activity中添加方法或实现OnClickListener。我不确定这是否也不是“有效”的解决方案,但可以。

基于:https : //developer.android.com/tools/data-binding/guide.html#binding_events

可以使用数据绑定来完成:只需将片段实例添加为变量,然后就可以将任何方法与onClick链接。

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.example.testapp.fragments.CustomFragment">

    <data>
        <variable android:name="fragment" android:type="com.example.testapp.fragments.CustomFragment"/>
    </data>
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_place_black_24dp"
            android:onClick="@{() -> fragment.buttonClicked()}"/>
    </LinearLayout>
</layout>

片段链接代码将是...

public class CustomFragment extends Fragment {

    ...

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view = inflater.inflate(R.layout.fragment_person_profile, container, false);
        FragmentCustomBinding binding = DataBindingUtil.bind(view);
        binding.setFragment(this);
        return view;
    }

    ...

}

1
我只是有一种感觉,由于
无法解决

也许您的文档中的“构建环境”中缺少某些内容:developer.android.com/tools/data-binding / ...
Aldo Canepa

@Aldo对于XML中的onClick方法,我相信您应该使用android:onClick =“ @ {()-> fragment。buttonClicked()}”“代替。同样对于其他人,您应该在片段内声明buttonClicked()函数,并将逻辑放入其中。
Hayk Nahapetyan,

在xml中应该是android:name="fragment" android:type="com.example.testapp.fragments.CustomFragment"/>
COYG

1
我只是想这和nametype的属性variable标签应该不会android:前缀。也许有旧版本的Android布局需要它吗?
JohnnyLambada

6

Butterknife可能是解决混乱问题的最佳解决方案。它使用注释处理器生成所谓的“旧方法”样板代码。

但是onClick方法仍然可以与自定义充气机一起使用。

如何使用

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup cnt, Bundle state) {
    inflater = FragmentInflatorFactory.inflatorFor(inflater, this);
    return inflater.inflate(R.layout.fragment_main, cnt, false);
}

实作

public class FragmentInflatorFactory implements LayoutInflater.Factory {

    private static final int[] sWantedAttrs = { android.R.attr.onClick };

    private static final Method sOnCreateViewMethod;
    static {
        // We could duplicate its functionallity.. or just ignore its a protected method.
        try {
            Method method = LayoutInflater.class.getDeclaredMethod(
                    "onCreateView", String.class, AttributeSet.class);
            method.setAccessible(true);
            sOnCreateViewMethod = method;
        } catch (NoSuchMethodException e) {
            // Public API: Should not happen.
            throw new RuntimeException(e);
        }
    }

    private final LayoutInflater mInflator;
    private final Object mFragment;

    public FragmentInflatorFactory(LayoutInflater delegate, Object fragment) {
        if (delegate == null || fragment == null) {
            throw new NullPointerException();
        }
        mInflator = delegate;
        mFragment = fragment;
    }

    public static LayoutInflater inflatorFor(LayoutInflater original, Object fragment) {
        LayoutInflater inflator = original.cloneInContext(original.getContext());
        FragmentInflatorFactory factory = new FragmentInflatorFactory(inflator, fragment);
        inflator.setFactory(factory);
        return inflator;
    }

    @Override
    public View onCreateView(String name, Context context, AttributeSet attrs) {
        if ("fragment".equals(name)) {
            // Let the Activity ("private factory") handle it
            return null;
        }

        View view = null;

        if (name.indexOf('.') == -1) {
            try {
                view = (View) sOnCreateViewMethod.invoke(mInflator, name, attrs);
            } catch (IllegalAccessException e) {
                throw new AssertionError(e);
            } catch (InvocationTargetException e) {
                if (e.getCause() instanceof ClassNotFoundException) {
                    return null;
                }
                throw new RuntimeException(e);
            }
        } else {
            try {
                view = mInflator.createView(name, null, attrs);
            } catch (ClassNotFoundException e) {
                return null;
            }
        }

        TypedArray a = context.obtainStyledAttributes(attrs, sWantedAttrs);
        String methodName = a.getString(0);
        a.recycle();

        if (methodName != null) {
            view.setOnClickListener(new FragmentClickListener(mFragment, methodName));
        }
        return view;
    }

    private static class FragmentClickListener implements OnClickListener {

        private final Object mFragment;
        private final String mMethodName;
        private Method mMethod;

        public FragmentClickListener(Object fragment, String methodName) {
            mFragment = fragment;
            mMethodName = methodName;
        }

        @Override
        public void onClick(View v) {
            if (mMethod == null) {
                Class<?> clazz = mFragment.getClass();
                try {
                    mMethod = clazz.getMethod(mMethodName, View.class);
                } catch (NoSuchMethodException e) {
                    throw new IllegalStateException(
                            "Cannot find public method " + mMethodName + "(View) on "
                                    + clazz + " for onClick");
                }
            }

            try {
                mMethod.invoke(mFragment, v);
            } catch (InvocationTargetException e) {
                throw new RuntimeException(e);
            } catch (IllegalAccessException e) {
                throw new AssertionError(e);
            }
        }
    }
}

6

在处理onClick片段时,我宁愿使用代码中的单击处理,也不愿使用XML中的属性。

将您的活动迁移到片段时,这变得更加容易。您可以android:onClick直接从每个case块中调用单击处理程序(以前设置为XML)。

findViewById(R.id.button_login).setOnClickListener(clickListener);
...

OnClickListener clickListener = new OnClickListener() {
    @Override
    public void onClick(final View v) {
        switch(v.getId()) {
           case R.id.button_login:
              // Which is supposed to be called automatically in your
              // activity, which has now changed to a fragment.
              onLoginClick(v);
              break;

           case R.id.button_logout:
              ...
        }
    }
}

在处理片段中的点击时,对我来说,这看起来要简单得多android:onClick


5

这是另一种方式:

1,创建一个BaseFragment像这样:

public abstract class BaseFragment extends Fragment implements OnClickListener

2.使用

public class FragmentA extends BaseFragment 

代替

public class FragmentA extends Fragment

3,活动中

public class MainActivity extends ActionBarActivity implements OnClickListener

BaseFragment fragment = new FragmentA;

public void onClick(View v){
    fragment.onClick(v);
}

希望能帮助到你。


回答之后的1年1个月零1天:除了不对每个Fragment类重复执行OnClickListener来创建抽象BaseFragment之外,还有其他原因吗?
Dimitrios K.

5

在我的用例中,我需要将50个奇数ImageView挂接到一个onClick方法中。我的解决方案是遍历片段内的视图,并在每个视图上设置相同的onclick侦听器:

    final View.OnClickListener imageOnClickListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            chosenImage = ((ImageButton)v).getDrawable();
        }
    };

    ViewGroup root = (ViewGroup) getView().findViewById(R.id.imagesParentView);
    int childViewCount = root.getChildCount();
    for (int i=0; i < childViewCount; i++){
        View image = root.getChildAt(i);
        if (image instanceof ImageButton) {
            ((ImageButton)image).setOnClickListener(imageOnClickListener);
        }
    }

2

正如我所看到的,答案有些老。Google最近推出了DataBinding,它更易于处理onClick或在您的xml中进行分配。

这是一个很好的示例,您可以看到如何处理:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
   <data>
       <variable name="handlers" type="com.example.Handlers"/>
       <variable name="user" type="com.example.User"/>
   </data>
   <LinearLayout
       android:orientation="vertical"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
       <TextView android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="@{user.firstName}"
           android:onClick="@{user.isFriend ? handlers.onClickFriend : handlers.onClickEnemy}"/>
       <TextView android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="@{user.lastName}"
           android:onClick="@{user.isFriend ? handlers.onClickFriend : handlers.onClickEnemy}"/>
   </LinearLayout>
</layout>

关于DataBinding的教程也非常不错,您可以在此处找到。



1

除了Blundell的答案,
如果您有更多片段,并且具有大量的onClicks:

活动:

Fragment someFragment1 = (Fragment)getFragmentManager().findFragmentByTag("someFragment1 "); 
Fragment someFragment2 = (Fragment)getFragmentManager().findFragmentByTag("someFragment2 "); 
Fragment someFragment3 = (Fragment)getFragmentManager().findFragmentByTag("someFragment3 "); 

...onCreate etc instantiating your fragments

public void myClickMethod(View v){
  if (someFragment1.isVisible()) {
       someFragment1.myClickMethod(v);
  }else if(someFragment2.isVisible()){
       someFragment2.myClickMethod(v);
  }else if(someFragment3.isVisible()){
       someFragment3.myClickMethod(v); 
  }

} 

在您的片段中:

  public void myClickMethod(View v){
     switch(v.getid()){
       // Just like you were doing
     }
  } 

1

如果您使用android:Onclick =“”在xml中注册,则会向您的片段所属的上下文所属的受尊敬的Activity提供回调(getActivity())。如果在Activity中找不到这种方法,则系统将引发异常。


谢谢,没有其他人解释了为什么发生崩溃

1

您可能要考虑将EventBus用于解耦的事件..您可以非常轻松地侦听事件。您还可以确保在ui线程上接收到该事件(而不是为每个事件订阅自己调用runOnUiThread ..)

https://github.com/greenrobot/EventBus

来自Github:

Android优化的事件总线,简化了活动,片段,线程,服务等之间的通信。代码更少,质量更高


1

我想补充Adjorn Linkz的答案

如果您需要多个处理程序,则可以使用lambda引用

void onViewCreated(View view, Bundle savedInstanceState)
{
    view.setOnClickListener(this::handler);
}
void handler(View v)
{
    ...
}

这里的技巧是handler方法的签名与View.OnClickListener.onClick签名匹配。这样,您将不需要View.OnClickListener界面。

另外,您将不需要任何switch语句。

可悲的是,此方法仅限于需要单个方法或lambda的接口。


1

尽管我发现了一些依赖于数据绑定的不错的答案,但是我没有看到这种方法能完全发挥作用-从启用片段解析的角度来看,同时允许在XML中使用无片段的布局定义。

所以假设数据绑定启用,这里有一个通用的解决方案,我可以建议; 有点长,但是它确实可以工作(有一些警告):

步骤1:自定义OnClick实施

这将通过与点击式视图关联的上下文(例如按钮)运行片段感知搜索:


// CustomOnClick.kt

@file:JvmName("CustomOnClick")

package com.example

import android.app.Activity
import android.content.Context
import android.content.ContextWrapper
import android.view.View
import androidx.fragment.app.Fragment
import androidx.fragment.app.FragmentActivity
import java.lang.reflect.Method

fun onClick(view: View, methodName: String) {
    resolveOnClickInvocation(view, methodName)?.invoke(view)
}

private data class OnClickInvocation(val obj: Any, val method: Method) {
    fun invoke(view: View) {
        method.invoke(obj, view)
    }
}

private fun resolveOnClickInvocation(view: View, methodName: String): OnClickInvocation? =
    searchContexts(view) { context ->
        var invocation: OnClickInvocation? = null
        if (context is Activity) {
            val activity = context as? FragmentActivity
                    ?: throw IllegalStateException("A non-FragmentActivity is not supported (looking up an onClick handler of $view)")

            invocation = getTopFragment(activity)?.let { fragment ->
                resolveInvocation(fragment, methodName)
            }?: resolveInvocation(context, methodName)
        }
        invocation
    }

private fun getTopFragment(activity: FragmentActivity): Fragment? {
    val fragments = activity.supportFragmentManager.fragments
    return if (fragments.isEmpty()) null else fragments.last()
}

private fun resolveInvocation(target: Any, methodName: String): OnClickInvocation? =
    try {
        val method = target.javaClass.getMethod(methodName, View::class.java)
        OnClickInvocation(target, method)
    } catch (e: NoSuchMethodException) {
        null
    }

private fun <T: Any> searchContexts(view: View, matcher: (context: Context) -> T?): T? {
    var context = view.context
    while (context != null && context is ContextWrapper) {
        val result = matcher(context)
        if (result == null) {
            context = context.baseContext
        } else {
            return result
        }
    }
    return null
}

注意:大致基于原始Android实现(请参阅https://android.googlesource.com/platform/frameworks/base/+/a175a5b/core/java/android/view/View.java#3025

步骤2:布局文件中的声明式应用程序

然后,在支持数据绑定的XML中:

<layout>
  <data>
     <import type="com.example.CustomOnClick"/>
  </data>

  <Button
    android:onClick='@{(v) -> CustomOnClick.onClick(v, "myClickMethod")}'
  </Button>
</layout>

注意事项

  • 假设是“现代” FragmentActivity的实现
  • 只能在堆栈中查找“最顶部”(即last)片段的方法(尽管可以固定,如果需要的话)

0

这一直在为我工作:(Android Studio)

 @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View rootView = inflater.inflate(R.layout.update_credential, container, false);
        Button bt_login = (Button) rootView.findViewById(R.id.btnSend);

        bt_login.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

                System.out.println("Hi its me");


            }// end onClick
        });

        return rootView;

    }// end onCreateView


0

最佳解决方案恕我直言:

片段中:

protected void addClick(int id) {
    try {
        getView().findViewById(id).setOnClickListener(this);
    } catch (Exception e) {
        e.printStackTrace();
    }
}

public void onClick(View v) {
    if (v.getId()==R.id.myButton) {
        onMyButtonClick(v);
    }
}

然后在Fragment的onViewStateRestored中:

addClick(R.id.myButton);

0

您的活动正在接收回调,如必须使用的那样:

mViewPagerCloth.setOnClickListener((YourActivityName)getActivity());

如果您希望您的片段接收回调,请执行以下操作:

mViewPagerCloth.setOnClickListener(this);

onClickListener在Fragment上实现接口

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.