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

时间:2011-05-22 22:19:32

标签: android xml button android-fragments

Pre-Honeycomb(Android 3),每个Activity都已注册,可通过布局XML中的onClick标记处理按钮点击:

android:onClick="myClickMethod"

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

随着Honeycomb的推出,我将这些活动分解为碎片,可以在许多不同的活动中重复使用。按钮的大多数行为都是与Activity无关的,我希望代码驻留在Fragments文件中,而不是使用旧的(pre 1.6)方法为每个按钮注册OnClickListener

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

问题在于,当我的布局被夸大时,它仍然是接收按钮点击的托管活动,而不是单个碎片。

是否有好的方法
  • 注册片段以接收按钮点击?
  • 将Click活动中的点击事件传递给他们所属的片段?

19 个答案:

答案 0 :(得分:579)

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

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;
        }
    }
}

答案 1 :(得分:166)

你可以这样做:

的活动:

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
    }
}    

答案 2 :(得分:28)

我认为问题是视图仍然是活动,而不是片段。片段没有自己的任何独立视图,并附加到父活动视图。这就是为什么事件最终在Activity中,而不是片段。不幸的是,但我认为你需要一些代码来完成这项工作。

我在转换过程中所做的只是添加一个调用旧事件处理程序的单击侦听器。

例如:

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

答案 3 :(得分:20)

我最近解决了这个问题,无需向上下文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 name="fragment" 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;
    }

    ...

}

答案 4 :(得分:6)

在处理代码时,我宁愿选择代码中的单击处理,而不是使用XML中的onClick属性。

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

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 :(得分:6)

ButterKnife可能是解决杂乱问题的最佳解决方案。它使用注释处理器来生成所谓的旧方法&#34;样板代码。

但仍然可以使用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 :(得分: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);
}

希望它有所帮助。

答案 7 :(得分:2)

您可以将回调定义为XML布局的属性。文章 Custom XML Attributes For Your Custom Android Widgets 将向您展示如何为自定义小部件执行此操作。归功于Kevin Dion :)

我正在研究是否可以将可设置属性添加到基础Fragment类。

基本思想是在处理onClick回调时具有View实现的相同功能。

答案 8 :(得分:2)

在我的用例中,我有50个奇怪的ImageViews,我需要挂钩到一个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);
        }
    }

答案 9 :(得分: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的非常好的教程,你可以找到它Here

答案 10 :(得分: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
     }
  } 

答案 11 :(得分: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 )片段的方法(尽管可以固定 ,如果需要的话)

答案 12 :(得分:1)

如果您使用android:Onclick =“”在xml中注册,则回调将被赋予您的片段属于其上下文的受尊重的Activity(getActivity())。如果在Activity中找不到这样的方法,那么系统将抛出异常。

答案 13 :(得分:1)

您可能需要考虑将EventBus用于解耦事件。 你可以很容易地听取事件。您还可以确保在ui线程上收到事件(而不是为每个事件订阅调用runOnUiThread ..)

https://github.com/greenrobot/EventBus

来自Github的

  

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

答案 14 :(得分:1)

我想加入Adjorn Linkz的answer

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

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

这里的诀窍是handler方法的签名与View.OnClickListener.onClick签名匹配。这样,您就不再需要View.OnClickListener界面。

此外,您不需要任何切换语句。

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

答案 15 :(得分:0)

以下解决方案可能更适合遵循。布局位于 fragment_my.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>
        <variable
            name="listener"
            type="my_package.MyListener" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        
        <Button
            android:id="@+id/moreTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="@{() -> listener.onClick()}"
            android:text="@string/login"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent" />
    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

片段如下

class MyFragment : Fragment(), MyListener {
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
            return FragmentMyBinding.inflate(
                inflater,
                container,
                false
            ).apply {
                lifecycleOwner = viewLifecycleOwner
                listener = this@MyFragment
            }.root
    }

    override fun onClick() {
        TODO("Not yet implemented")
    }

}

interface MyListener{
    fun onClick()
}

答案 16 :(得分:0)

您的活动正在接收必须使用的回调:

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

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

mViewPagerCloth.setOnClickListener(this);

并在Fragment上实现onClickListener接口

答案 17 :(得分: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);

答案 18 :(得分:0)

这对我有用:( Android工作室)

 @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
相关问题