facebook twitter hatena line email

「Android/VideoView/動画にかぶせてボタンを配置」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(動画の上に上3つと下3ボタンが表示されるサンプル)
(動画の上に上3つと下3ボタンが表示されるサンプル)
行1: 行1:
 
==動画の上に上3つと下3ボタンが表示されるサンプル==
 
==動画の上に上3つと下3ボタンが表示されるサンプル==
 
コード
 
コード
        VideoView videoView = (VideoView)findViewById(R.id.VideoView1);
+
VideoView videoView = (VideoView)findViewById(R.id.VideoView1);
        videoView.setVideoPath("ttps://~test.mp4"); // 1:1でも4:3でも16:9でも表示されることを確認した
+
videoView.setVideoPath("ttps://~test.mp4"); // 1:1でも4:3でも16:9でも表示されることを確認した
        videoView.start();
+
videoView.start();
  
 
レイアウト
 
レイアウト
 
<pre>
 
<pre>
        <FrameLayout android:id="@+id/videoView" android:layout_width="match_parent" android:layout_height="wrap_content">
 
  
            <VideoView
+
<FrameLayout android:id="@+id/videoView" android:layout_width="match_parent" android:layout_height="wrap_content">
                android:id="@+id/VideoView1"
+
                android:layout_width="match_parent"
+
                android:layout_height="match_parent"
+
                ></VideoView>
+
            <RelativeLayout
+
                android:layout_width="match_parent"
+
                android:layout_height="match_parent">
+
                <Button
+
                    android:id="@+id/btn1"
+
                    android:layout_width="wrap_content"
+
                    android:layout_height="wrap_content"
+
                    android:text="ぼたん1"
+
                    android:layout_alignParentTop="true"
+
                    android:layout_alignParentLeft="true">
+
                </Button>
+
                <Button
+
                    android:id="@+id/btn2"
+
                    android:layout_width="match_parent"
+
                    android:layout_height="wrap_content"
+
                    android:text="ぼたん2"
+
                    android:layout_alignParentTop="true"
+
                    android:layout_toLeftOf="@+id/btn3"
+
                    android:layout_toRightOf="@+id/btn1">
+
                </Button>
+
                <Button
+
                    android:id="@+id/btn3"
+
                    android:layout_width="wrap_content"
+
                    android:layout_height="wrap_content"
+
                    android:text="ぼたん3"
+
                    android:layout_alignParentTop="true"
+
                    android:layout_alignParentRight="true">
+
                </Button>
+
  
                <Button
+
    <VideoView
                    android:id="@+id/btn4"
+
        android:id="@+id/VideoView1"
                    android:layout_width="wrap_content"
+
        android:layout_width="match_parent"
                    android:layout_height="wrap_content"
+
        android:layout_height="match_parent"
                    android:text="ぼたん4"
+
        ></VideoView>
                    android:layout_alignParentBottom="true"
+
    <RelativeLayout
                    android:layout_alignParentLeft="true">
+
        android:layout_width="match_parent"
                </Button>
+
        android:layout_height="match_parent">
                <Button
+
        <Button
                    android:id="@+id/btn5"
+
            android:id="@+id/btn1"
                    android:layout_width="match_parent"
+
            android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
+
            android:layout_height="wrap_content"
                    android:text="ぼたん5"
+
            android:text="ぼたん1"
                    android:layout_alignParentBottom="true"
+
            android:layout_alignParentTop="true"
                    android:layout_toLeftOf="@+id/btn6"
+
            android:layout_alignParentLeft="true">
                    android:layout_toRightOf="@+id/btn4">
+
        </Button>
                </Button>
+
        <Button
                <Button
+
            android:id="@+id/btn2"
                    android:id="@+id/btn6"
+
            android:layout_width="match_parent"
                    android:layout_width="wrap_content"
+
            android:layout_height="wrap_content"
                    android:layout_height="wrap_content"
+
            android:text="ぼたん2"
                    android:text="ぼたん6"
+
            android:layout_alignParentTop="true"
                    android:layout_alignParentBottom="true"
+
            android:layout_toLeftOf="@+id/btn3"
                    android:layout_alignParentRight="true">
+
            android:layout_toRightOf="@+id/btn1">
                </Button>
+
        </Button>
            </RelativeLayout>
+
        <Button
 +
            android:id="@+id/btn3"
 +
            android:layout_width="wrap_content"
 +
            android:layout_height="wrap_content"
 +
            android:text="ぼたん3"
 +
            android:layout_alignParentTop="true"
 +
            android:layout_alignParentRight="true">
 +
        </Button>
  
 +
        <Button
 +
            android:id="@+id/btn4"
 +
            android:layout_width="wrap_content"
 +
            android:layout_height="wrap_content"
 +
            android:text="ぼたん4"
 +
            android:layout_alignParentBottom="true"
 +
            android:layout_alignParentLeft="true">
 +
        </Button>
 +
        <Button
 +
            android:id="@+id/btn5"
 +
            android:layout_width="match_parent"
 +
            android:layout_height="wrap_content"
 +
            android:text="ぼたん5"
 +
            android:layout_alignParentBottom="true"
 +
            android:layout_toLeftOf="@+id/btn6"
 +
            android:layout_toRightOf="@+id/btn4">
 +
        </Button>
 +
        <Button
 +
            android:id="@+id/btn6"
 +
            android:layout_width="wrap_content"
 +
            android:layout_height="wrap_content"
 +
            android:text="ぼたん6"
 +
            android:layout_alignParentBottom="true"
 +
            android:layout_alignParentRight="true">
 +
        </Button>
 +
    </RelativeLayout>
  
        </FrameLayout>
+
 
 +
</FrameLayout>
 
</pre>
 
</pre>
  

2018年11月1日 (木) 17:12時点における版

動画の上に上3つと下3ボタンが表示されるサンプル

コード

VideoView videoView = (VideoView)findViewById(R.id.VideoView1);
videoView.setVideoPath("ttps://~test.mp4"); // 1:1でも4:3でも16:9でも表示されることを確認した
videoView.start();

レイアウト


<FrameLayout android:id="@+id/videoView" android:layout_width="match_parent" android:layout_height="wrap_content">

    <VideoView
        android:id="@+id/VideoView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        ></VideoView>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <Button
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="ぼたん1"
            android:layout_alignParentTop="true"
            android:layout_alignParentLeft="true">
        </Button>
        <Button
            android:id="@+id/btn2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="ぼたん2"
            android:layout_alignParentTop="true"
            android:layout_toLeftOf="@+id/btn3"
            android:layout_toRightOf="@+id/btn1">
        </Button>
        <Button
            android:id="@+id/btn3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="ぼたん3"
            android:layout_alignParentTop="true"
            android:layout_alignParentRight="true">
        </Button>

        <Button
            android:id="@+id/btn4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="ぼたん4"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true">
        </Button>
        <Button
            android:id="@+id/btn5"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="ぼたん5"
            android:layout_alignParentBottom="true"
            android:layout_toLeftOf="@+id/btn6"
            android:layout_toRightOf="@+id/btn4">
        </Button>
        <Button
            android:id="@+id/btn6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="ぼたん6"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true">
        </Button>
    </RelativeLayout>


</FrameLayout>

参考

http://d.hatena.ne.jp/Korsakov/20110131/1296504108 の7番