如何从图像按钮打开webview？

Question

我在片段中有三个按钮，当用户点击一个按钮时，它将在应用程序中打开一个特定的网页。当我尝试在手机上运行此代码时，当我尝试访问该选项卡时它会崩溃。

我的.java类就在这里：

public class SocialMediaFragment extends Fragment {

public ImageButton fbbutton;
public ImageButton twbutton;
public ImageButton igbutton;

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

  View rootView = inflater.inflate(R.layout.fragment_socialmedia, container, false);

    fbbutton = (ImageButton) getActivity().findViewById(R.id.fbbutton);
    twbutton = (ImageButton) getActivity().findViewById(R.id.twbutton);
    igbutton = (ImageButton) getActivity().findViewById(R.id.igbutton);

    fbbutton.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {

            Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.facebook.com/universityofhouston"));
            startActivity(browserIntent);
        }
    });

    twbutton.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {

            Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("website"));
            startActivity(browserIntent);

        }});

    igbutton.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {

            Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("website"));
            startActivity(browserIntent);

        }});
    return rootView;

}
}

这是我正在使用的片段（XML）文件：

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/uhwallpaper">

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fbbutton"
        android:background="@drawable/fb"
        android:layout_marginStart="46dp"
        android:layout_centerVertical="true"
        android:layout_alignParentStart="true" />


    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/twbutton"
        android:background="@drawable/twitter"
        android:layout_above="@+id/igbutton"
        android:layout_toEndOf="@+id/fbbutton"
        android:layout_marginStart="43dp" />



    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/igbutton"
        android:background="@drawable/instagram"
        android:layout_below="@+id/fbbutton"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="32dp" />



    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/socialslogan"
        android:background="@drawable/slogan_social"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="16dp" />

</RelativeLayout>

我希望这是可以解决的！如果您需要更多信息，请告诉我们。

这是我的错误报告：

java.lang.NullPointerException: Attempt to invoke virtual method 'void android.widget.ImageButton.setOnClickListener(android.view.View$OnClickListener)' on a null object reference
        at info.teammumu.cougarcardapp.SocialMediaFragment.onCreateView(SocialMediaFragment.java:28)

Answer 1

1）您在片段内，因此您的元素必须在布局fragment_socialmedia.xml

内定义

    View rootView = inflater.inflate(R.layout.fragment_socialmedia, container, false);

   mDrawerLayout = (DrawerLayout) rootView.findViewById(R.id.drawer_layout);
    mDrawerList = (ListView) rootView.findViewById(R.id.list_slidermenu);
    fbbutton = (ImageButton) rootView.findViewById(R.id.fbbutton);
    twbutton = (ImageButton) rootView.findViewById(R.id.twbutton);
    igbutton = (ImageButton) rootView.findViewById(R.id.igbutton);

2），将@override添加到onClick方法：

 fbbutton.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {


            Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.facebook.com/universityofhouston"));
            startActivity(browserIntent);


        }});

Answer 2

您的fbbutton永远不会被分配。它默认为null。通过findViewById（）从布局中的其他视图初始化它。

Answer 3

首先，我认为它应该像Elenasys所假设的那样工作。 另一种尝试是更改布局xml并附加方法以在xml中调用：

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/uhwallpaper">

<ImageButton
    android:onClick="myMethod"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/fbbutton"
    android:background="@drawable/fb"
    android:layout_marginStart="46dp"
    android:layout_centerVertical="true"
    android:layout_alignParentStart="true" />

...

</RelativeLayout>

然后你必须在你的活动中写一个方法来保存你的片段：

/**
* Method inside the activity holding your fragment.
*/
public void myMethod(View view){
    Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("https://www.facebook.com/universityofhouston"));
    startActivity(browserIntent);
}

有帮助吗？

Answer 4

原来问题在于这些人：

fbbutton = (ImageButton) getActivity().findViewById(R.id.fbbutton);
twbutton = (ImageButton) getActivity().findViewById(R.id.twbutton);
igbutton = (ImageButton) getActivity().findViewById(R.id.igbutton);

他们应该是：

fbbutton = (ImageButton) rootView.findViewById(R.id.fbbutton);
twbutton = (ImageButton) rootView.findViewById(R.id.twbutton);
igbutton = (ImageButton) rootView.findViewById(R.id.igbutton);