「Android/VideoView/動画にかぶせてボタンを配置」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→動画の上に上3つと下3ボタンが表示されるサンプル) |
(→動画の上に上3つと下3ボタンが表示されるサンプル) |
||
行1: | 行1: | ||
==動画の上に上3つと下3ボタンが表示されるサンプル== | ==動画の上に上3つと下3ボタンが表示されるサンプル== | ||
コード | コード | ||
− | + | VideoView videoView = (VideoView)findViewById(R.id.VideoView1); | |
− | + | videoView.setVideoPath("ttps://~test.mp4"); // 1:1でも4:3でも16:9でも表示されることを確認した | |
− | + | videoView.start(); | |
レイアウト | レイアウト | ||
<pre> | <pre> | ||
− | |||
− | + | <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> | ||
</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>