imageButton を押して 画面遷移したい

Question

Product.xmlで指定しているimageButtonの画像をクリックした際に
新しい画面への遷移を行いたいです。

イメージは
商品写真クリック➡︎その商品の詳細画面へ遷移

必要とされる新しいxmlは作成済みです。
（product_box）としています。

作業①
新しくProductに、こちらのコードを追記いたしました。

Product.java

import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.TextView;

public class Product extends Fragment {

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.product, container, false);
    }

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

【追記】

    ImageButton imageButton = (ImageButton)findViewById(R.id.imageButton);
    imageButton.setOnClickListener(new OnClickListener(){
        public void onClick(View v){
            Intent i = new Intent(Product.this,Product_box.class);
            startActivity(i);
        }
    }
}

商品情報が載っている
product.xmlのコードはこちらです。

product.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"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <ScrollView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        tools:layout_editor_absoluteX="2dp"
        tools:layout_editor_absoluteY="0dp"
        tools:ignore="MissingConstraints">

        <android.support.v7.widget.LinearLayoutCompat
            android:layout_width="match_parent"
            android:layout_height="460dp"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="vertical">

                <TableRow
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" />

                <ImageButton
                    android:id="@+id/imageButton"
                    android:layout_width="match_parent"
                    android:layout_height="201dp"
                    android:scaleType="centerCrop"
                    android:background="@drawable/box"/>

                <GridLayout
                    xmlns:android="http://schemas.android.com/apk/res/android"
                    xmlns:tools="http://schemas.android.com/tools"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:columnCount="2"
                    android:rowCount="2">

                    <TableLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent">

                        <TableRow
                            android:layout_width="190dp"
                            android:layout_height="150dp">

                            <ImageButton
                                android:id="@+id/imageButton2"
                                android:layout_width="190dp"
                                android:layout_height="150dp"
                                android:scaleType="fitCenter"
                                android:background="#ffffff"
                                android:src="@drawable/satou"/>

                            <ImageButton
                                android:id="@+id/imageButton3"
                                android:layout_width="190dp"
                                android:layout_height="150dp"
                                android:scaleType="fitCenter"
                                android:background="#ffffff"
                                android:src="@drawable/su" />
                        </TableRow>

                        <TableRow
                            android:layout_width="match_parent"
                            android:layout_height="match_parent">

                            <ImageButton
                                android:id="@+id/imageButton4"
                                android:layout_width="190dp"
                                android:layout_height="150dp"
                                android:scaleType="fitCenter"
                                android:background="#ffffff"
                                android:src="@drawable/sho_yu" />

                            <ImageButton
                                android:id="@+id/imageButton5"
                                android:layout_width="190dp"
                                android:layout_height="150dp"
                                android:scaleType="fitCenter"
                                android:background="#ffffff"
                                android:src="@drawable/miso" />
                        </TableRow>

                        <TableRow
                            android:layout_width="match_parent"
                            android:layout_height="match_parent">

                            <ImageButton
                                android:id="@+id/imageButton6"
                                android:layout_width="190dp"
                                android:layout_height="150dp"
                                android:scaleType="fitCenter"
                                android:background="#ffffff"
                                android:src="@drawable/oil" />

                            <ImageButton
                                android:id="@+id/imageButton7"
                                android:layout_width="190dp"
                                android:layout_height="150dp"
                                android:scaleType="fitCenter"
                                android:background="#ffffff"
                                android:src="@drawable/to_nyu"/>
                        </TableRow>

                    </TableLayout>

                </GridLayout>
            </LinearLayout>

        </android.support.v7.widget.LinearLayoutCompat>

    </ScrollView>

</RelativeLayout>

現在出ているエラー内容としましては
■Cannot resolve method 'findViewById(int)'
■Cannot resolve symbol 'setOnClickListener'
■new OnClickListener()のOnClickListenerのところで Invalid method declaration;return type required
■(Product.thisProduct_box.class)のところで　Cannot resolve constructor 'Intent(jp..myapplication.Product,java.lang.Class<jp..myapplication.product_box>)'

※.___.の中身はパッケージ名なので伏せました。

・次にどのように進んでいけばいいか
・エラーの理由と改善方法

こちらを教えていただきたく思います。
追記もいたしますのでアドバイス宜しくお願い致します。

【追記】

product_box.java

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;

public class Product_box extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_product_box);

        Intent intent = getIntent();
        String text = intent.getStringExtra("sendText");
        TextView textView = (TextView)this.findViewById(R.id.imageButton);
        textView.setText(text);
    }


}

product_box.xml

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Box野菜"
        android:textSize="30dp"
        android:id="@+id/textView"/>

</LinearLayout>

Answer 1

product.boxをこの様に変更することで
解決しましたmm


import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class Product_box extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

setContentView(R.layout.activity_product_box);

Intent intent = getIntent();
}
}

Answer 2

Fragmentの中では、Activityのように直接findViewByIdを呼び出すことはできません。Fragmentに紐づくViewを取得して、それに対しfindViewByIdを呼ぶ感じになります。

また、Intentの部分のエラーは、第1引数がContextを渡すべきところを、Fragmentを渡してしまっているのが原因です。（FragmentはContextのサブクラスではありません）Activityを取得するか、ViewからContextを取得して渡すようにしてください。

以上を考慮して、onCreateViewのところを下のように修正してみてはいかがでしょう？

@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.product, container, false);
    ImageButton imageButton = (ImageButton) view.findViewById(R.id.imageButton); // view経由でimageButtonを探す
    imageButton.setOnClickListener(new OnClickListener(){
        public void onClick(View v){
            Intent i = new Intent(v.getContext(), Product_box.class);
            startActivity(i);
        }
    });
    return view;
}

Comments

[syyyow]

ありがとうございます！
先ほど遷移できたのですが
レイアウトが何も写っていない状態でしたので
色々調べてコードを作成しましたが
今度はアプリが落ちるようになってしまいました。。

遷移先（product_box）のコードも追記致しましたので
何かアドバイスいただけますと幸いです、、

[kakajika]

TextView textView = (TextView)this.findViewById(R.id.imageButton);
このコードを書いていて何か違和感はなかったでしょうか？idがimageButtonになっていますし、実際にxml内で使われているidとは異なるようです。

[syyyow]

調べましたら、そもそもでTextViewでは必要がないように思えました。
Product➡︎Product_boxへ遷移するのに

public void onClick(View v) {
Intent i = new Intent(v.getContext(), Product_box.class);
startActivity(i);
}
});
return view;

このようにProductではコード変更をしました。

ちなみにこれの前のonCreateViewでは

@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.product, container, false);
ImageButton imageButton = (ImageButton) view.findViewById(R.id.imageButton);
imageButton.setOnClickListener(new View.OnClickListener() {

と、コードを記載しています。

[kakajika]

うーん、おっしゃりたいことがよくわかりません。Product_boxという画面を表示しようとしてアプリが落ちる件についての話ではないのですか？

[syyyow]

product.boxをこの様に変更することで
解決しましたmm

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class Product_box extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

setContentView(R.layout.activity_product_box);

Intent intent = getIntent();
}
}

[kakajika]

でしたら、この質問は解決済みにしてください。