surfaceview内に表示されない

Question

お世話になります

今、この画像のような状態で、下にボタンを付けていくつもりなのですが、

しかしどこを変えたらいいかわからずこのようになってしまっています。どこを変えたらいいかわかりますか？

少し雑ですがこういう風に灰色のsurfaceview内に表示したいと思っています

xmlファイル

<LinearLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.pc632g.a3d.ds"
    android:orientation="vertical"
    android:weightSum="2">

    <SurfaceView
        android:layout_width="fill_parent"
        android:layout_weight="1"
        android:layout_height="0dp"
        android:id="@+id/surfaceView2"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentTop="true"
        android:layout_above="@+id/button3" />

</LinearLayout>

javaファイル

import java.nio.ByteOrder;
import java.nio.FloatBuffer;
import java.util.List;

import javax.microedition.khronos.egl.EGLConfig;
import javax.microedition.khronos.opengles.GL10;

import android.hardware.Sensor;
import android.hardware.SensorEvent;
import android.hardware.SensorEventListener;
import android.hardware.SensorManager;
import android.opengl.GLSurfaceView;
import android.opengl.GLU;
import android.opengl.GLSurfaceView.Renderer;
import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.content.pm.ActivityInfo;
import android.util.Log;
import android.widget.Toast;

public class MainActivity extends Activity {
 private MainSurface surface = null;

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

  //画面の向きを縦に固定
  setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
  
  surface = new MainSurface(getApplicationContext());
  surface.setRenderer(surface);
  surface.setFocusable(true);
  surface.setKeepScreenOn(true);
  setContentView(surface);
 }

 @Override
 protected void onResume() {
  super.onResume();
  surface.onResume();
 }

 @Override
 protected void onPause() {
  super.onPause();
  surface.onPause();
 }

 private class MainSurface extends GLSurfaceView implements Renderer, SensorEventListener {
  //センサー
  private SensorManager sensorManager = null;
  //センサーのフラグ
  private boolean sensorMRegisted = false;
  private boolean sensorARegisted = false;

  //回転行列
  private static final int MATRIX_SIZE = 16;
  float[] inR = new float[MATRIX_SIZE];
  float[] outR = new float[MATRIX_SIZE];
  float[] I = new float[MATRIX_SIZE];

  //センサーの値保持
  private float[] orientationValues = new float[3];
  private float[] magneticValues = new float[3];
  private float[] accelerometerValues = new float[3];

  //傾きの角度
  private int[] orientDgrees = new int[3];

  //ポリゴン
  private float box[] = new float[] {
   //前面
   -0.5f, -0.5f, 0.5f, 0.5f, -0.5f, 0.5f, -0.5f, 0.5f, 0.5f, 0.5f, 0.5f, 0.5f,
   //背面
   -0.5f, -0.5f, -0.5f, -0.5f, 0.5f, -0.5f, 0.5f, -0.5f, -0.5f, 0.5f, 0.5f, -0.5f,
   //左面
   -0.5f, -0.5f, 0.5f, -0.5f, 0.5f, 0.5f, -0.5f, -0.5f, -0.5f, -0.5f, 0.5f, -0.5f,
   //右面
   0.5f, -0.5f, -0.5f, 0.5f, 0.5f, -0.5f, 0.5f, -0.5f, 0.5f, 0.5f, 0.5f, 0.5f,
   //上面
   -0.5f, 0.5f, 0.5f, 0.5f, 0.5f, 0.5f, -0.5f, 0.5f, -0.5f, 0.5f, 0.5f, -0.5f,
   //下面
   -0.5f, -0.5f, 0.5f, -0.5f, -0.5f, -0.5f, 0.5f, -0.5f, 0.5f, 0.5f, -0.5f, -0.5f, 
  };

  private FloatBuffer cubeBuff; //頂点座標バッファ

  public MainSurface(Context context) {
   super(context);
   Log.d(MainSurface.class.getName(), "constractor");

   //バッファの生成
   cubeBuff = makeFloatBuffer(box);
  }

  @Override
  public void onSurfaceCreated(GL10 gl, EGLConfig config) {
   Log.d(MainSurface.class.getName(), "onSurfaceCreated");
  }

  @Override
  public void onDrawFrame(GL10 gl) {
   //背面塗り潰し
   gl.glClear(GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT);

   //モデルビュー行列の指定
   gl.glMatrixMode(GL10.GL_MODELVIEW);
   gl.glLoadIdentity();
   GLU.gluLookAt(gl, 0, 0, 3, 0, 0, 0, 0, 1, 0);

   //頂点配列の指定
   gl.glVertexPointer(3, GL10.GL_FLOAT, 0, cubeBuff);
   gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);

   gl.glPushMatrix();

   gl.glRotatef(orientDgrees[1], -1.0f, 0.0f, 0.0f);
   gl.glRotatef(orientDgrees[2], 0.0f, -1.0f, 0.0f);
   gl.glRotatef(orientDgrees[0], 0.0f, 0.0f, -1.0f);

   //前面と背面のプリミティブの描画
   gl.glColor4f(1.0f, 0, 0, 1.0f);
   gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4);
   gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 4, 4);

   //左面と右面のプリミティブの描画
   gl.glColor4f(0, 1.0f, 0, 1.0f);
   gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 8, 4);
   gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 12, 4);

   //上面と下面のプリミティブの描画
   gl.glColor4f(0, 0, 1.0f, 1.0f);
   gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 16, 4);
   gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 20, 4);

   gl.glPopMatrix();
  }

  @Override
  public void onSurfaceChanged(GL10 gl, int width, int height) {
   // ここから四角形を表示？
   gl.glMatrixMode(GL10.GL_PROJECTION);
   gl.glLoadIdentity();
   gl.glViewport(0, 0, width, height);
   GLU.gluPerspective(gl, 45.0f, ((float) width) / height, 1f, 100f);

   //背面塗り潰し色の指定
   gl.glClearColor(1.0f, 1.0f, 1.0f, 1.0f);

   //デプスバッファ
   gl.glEnable(GL10.GL_DEPTH_TEST);
   gl.glEnable(GL10.GL_CULL_FACE);
   gl.glDepthFunc(GL10.GL_LEQUAL);
   gl.glClearDepthf(1.0f);

   //シェーディング
   gl.glShadeModel(GL10.GL_SMOOTH);
  }

  @Override
  public void onResume() {
   super.onResume();

   //センサーのインスタンス初期化
   if (sensorManager == null) {
    sensorManager = (SensorManager) getSystemService(SENSOR_SERVICE);
   }

   //磁界センサーのリスナー登録
   List<Sensor> sensorsMagnetic = sensorManager.getSensorList(Sensor.TYPE_MAGNETIC_FIELD);
   //加速度センサーのリスナー登録
   List<Sensor> sensorsAcceler = sensorManager.getSensorList(Sensor.TYPE_ACCELEROMETER);
   
   if (sensorsMagnetic.size() > 0 && sensorsAcceler.size() > 0) {
    sensorMRegisted = sensorManager.registerListener(this, sensorsMagnetic.get(0), SensorManager.SENSOR_DELAY_FASTEST);
    sensorARegisted = sensorManager.registerListener(this, sensorsAcceler.get(0), SensorManager.SENSOR_DELAY_FASTEST);
   } else {
    //センサーが不足していればメッセージを表示
    Toast.makeText(getApplicationContext(), "Sensors are running short!", Toast.LENGTH_LONG).show();
   }
  }

  @Override
  public void onPause() {
   super.onPause();

   //センサー解除
   if (sensorMRegisted || sensorARegisted) {
    sensorManager.unregisterListener(this);
    sensorMRegisted = false;
    sensorARegisted = false;
   }
  }

  /*
   * onSensorChanged()はセンサの値が変更された際に呼び出されるメソッド
   */
  @Override
  public void onSensorChanged(SensorEvent event) {
   switch (event.sensor.getType()) {
   case Sensor.TYPE_MAGNETIC_FIELD:
    magneticValues = event.values.clone();
    break;
   case Sensor.TYPE_ACCELEROMETER:
    accelerometerValues = event.values.clone();
    break;
   }

   //センサーから得た値を端末の傾き角度に変換する処理
   if (magneticValues != null && accelerometerValues != null) {
    SensorManager.getRotationMatrix(inR, I, accelerometerValues, magneticValues);
    //Activityの表示が縦固定の場合。横向きになる場合は要修正
    SensorManager.remapCoordinateSystem(inR, SensorManager.AXIS_X, SensorManager.AXIS_Z, outR);

    SensorManager.getOrientation(outR, orientationValues);

    //ラジアンを角度に変換
    orientDgrees[0] = (int) Math.toDegrees(orientationValues[0]);
    orientDgrees[1] = (int) Math.toDegrees(orientationValues[1]);
    orientDgrees[2] = (int) Math.toDegrees(orientationValues[2]);
   }
  }

  @Override
  public void onAccuracyChanged(Sensor sensor, int accuracy) {
  }
 }

 private static FloatBuffer makeFloatBuffer(float[] values) {
  ByteBuffer bb = ByteBuffer.allocateDirect(values.length * 4);
  bb.order(ByteOrder.nativeOrder());
  FloatBuffer fb = bb.asFloatBuffer();
  fb.put(values);
  fb.position(0);
  return fb;
 }
}

Comments

[yona]

Javaのソースコードも追記してください

[退会済みユーザー]

文字数が多いと出てたのでコード記述でも多過ぎるとダメだと思っていました。すみません

Answer 1

下記の勘違いをしていませんか？
・レイアウトファイルを作成するだけでActivityが自動で読み取って、画面に表示してくれる。
・Activity#setContentViewは画面にViewを追加するメソッドでsetContentViewを複数回使用することで画面に複数のViewを追加できる。

上記のどちらかの勘違いをしていたら以前の質問でうまくいかなかったことも納得できます。

Comments

[退会済みユーザー]

後者は分かりませんが多分前者だと思います。

[yona]

やっぱりレイアウトファイルを使用していませんね。

setContentViewの引数にレイアウトファイルを渡してあげてください。
また、レイアウトファイル内のSurfaceViewタグをMainSurfaceの完全修飾名にしてください。
併せてMainSurfaceのprivate属性を外し、publicにしてください。

[退会済みユーザー]

ありがとうございます。

まずはsetContentViewの引数にレイアウトファイルを渡すというのは
setContentView(surface);のsurfaceという部分をactivity_main.xmlにかえるということでしょうか？

[yona]

その通りです。

[退会済みユーザー]

かしこまりました。

次のレイアウトファイル内のSurfaceViewタグをMainSurfaceの完全修飾名にするというところなのですが
変えるのはimport android.opengl.GLSurfaceView;のSurfaceViewというところですか？

[yona]

違います。
MainSurfaceの完全修飾名をレイアウトファイルのSurfaceViewのところに上書きします。

[退会済みユーザー]

すみません。わからないので場所指定してもらってもよろしいですか？

[yona]

レイアウトファイルのSurfaceViewタグをMainSurfaceの完全修飾名に変えるとしか言えないです。
自身でもカスタムViewをxmlで使う方法を調べてください。

[退会済みユーザー]

勘違いしていました

xmlファイルの空白を入れて14行目をMainSurfaceの完全修飾名に変えるということですか？

[yona]

レイアウトファイルの<SurfaceViewの箇所を書き換えてください。

[退会済みユーザー]

完全修飾名は
<com.example.pc～.MainSurface
でいいのでしょうか

[yona]

私にはわからないですよ。
たぶん、そんな感じだと思います。

[退会済みユーザー]

ありがとうございます

それではMainSurfaceのprivate属性を外し、publicにするというのは
private MainSurface surface = null;
の部分であっているでしょうか

[yona]

クラスの宣言部分の方です。

全部聞いてなんとかしようと思っていませんか？とりあえず実行してエラーについて調べてわからなかったら聞くの方が効率いいですよ。

[退会済みユーザー]

すみません。

とりあえず調べます

[退会済みユーザー]

それとは別にsetContentViewの引数にレイアウトファイルを渡すところで
Cannot resolve sinbol　のエラーが出ていました。