add video player

This commit is contained in:
lixiaopeng
2020-01-03 19:17:11 +08:00
parent a0aa63b89b
commit 22ee937899
17 changed files with 480 additions and 193 deletions

View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@mipmap/main_video_pause_btn_press" android:state_pressed="true" />
<item android:drawable="@mipmap/main_video_pause_btn_normal" android:state_pressed="false" />
<item android:drawable="@mipmap/main_video_pause_btn_normal" />
</selector>

View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@mipmap/main_video_play_btn_press" android:state_pressed="true" />
<item android:drawable="@mipmap/main_video_play_btn_normal" android:state_pressed="false" />
<item android:drawable="@mipmap/main_video_play_btn_normal" />
</selector>

View File

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="6dp" />
<solid android:color="@color/color_A2A2A2"/>
</shape>

View File

@@ -1,8 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:topLeftRadius="0mm"
android:topRightRadius="0mm"
android:bottomLeftRadius="6mm"
android:bottomRightRadius="6mm"/>
<corners android:topLeftRadius="0dp"
android:topRightRadius="0dp"
android:bottomLeftRadius="6dp"
android:bottomRightRadius="6dp"/>
<solid android:color="@color/color_222533"/>
</shape>

View File

@@ -1,8 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:topLeftRadius="6mm"
android:topRightRadius="6mm"
android:bottomLeftRadius="0mm"
android:bottomRightRadius="0mm"/>
<corners android:topLeftRadius="6dp"
android:topRightRadius="6dp"
android:bottomLeftRadius="0dp"
android:bottomRightRadius="0dp"/>
<solid android:color="@color/color_222533"/>
</shape>

View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="4dp"/>
<solid android:color="@color/color_99191C25"/>
</shape>

View File

@@ -1,68 +1,75 @@
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="400mm"
android:layout_height="400mm"
android:layout_marginTop="30mm">
android:layout_width="400dp"
android:layout_height="400dp"
android:layout_marginTop="30dp">
<!--顶部view-->
<RelativeLayout
android:id="@+id/layout_top_view"
android:layout_width="match_parent"
android:layout_height="94mm"
android:layout_height="94dp"
android:background="@drawable/shape_bg_222533_6px_top">
<TextView
android:id="@+id/tv_information_media_content"
android:layout_width="match_parent"
android:layout_height="28mm"
android:layout_marginLeft="20mm"
android:layout_marginTop="22mm"
android:layout_marginRight="20mm"
android:layout_height="28dp"
android:layout_marginLeft="20dp"
android:layout_marginTop="22dp"
android:layout_marginRight="20dp"
android:ellipsize="end"
android:gravity="center_vertical"
android:maxLines="1"
android:text="@string/main_empty_location"
android:textColor="@color/white"
android:textSize="22mm" />
android:textSize="22dp" />
<TextView
android:id="@+id/tv_distance_video"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/tv_information_media_content"
android:layout_marginLeft="20mm"
android:layout_marginTop="3mm"
android:layout_marginBottom="18mm"
android:textSize="20mm" />
android:layout_marginLeft="20dp"
android:layout_marginTop="3dp"
android:layout_marginBottom="18dp"
android:textSize="20dp" />
</RelativeLayout>
<com.zhidao.roadcondition.video.SimpleCoverVideoPlayer
<!--播放器-->
<com.mogo.tanlu.video.SimpleCoverVideoPlayer
android:id="@+id/video_player_main"
android:layout_width="400mm"
android:layout_height="225mm"
android:layout_width="400dp"
android:layout_height="225dp"
android:layout_below="@+id/layout_top_view" />
<!--底部view-->
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="81mm"
android:layout_below="@+id/video_player_main"
android:background="@drawable/shape_bg_222533_6px_bottom">
android:layout_height="80dp"
android:background="@drawable/shape_bg_222533_6px_bottom"
android:layout_below="@+id/video_player_main">
<ImageView
android:id="@+id/username_image_video"
android:layout_width="40mm"
android:layout_height="40mm"
android:layout_width="40dp"
android:layout_height="40dp"
android:visibility="gone"
android:layout_centerVertical="true"
android:layout_marginLeft="20mm" />
android:layout_marginLeft="20dp"
android:src="@mipmap/ic_launcher" />
<TextView
android:id="@+id/tv_username_video"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="10mm"
android:layout_marginLeft="10dp"
android:visibility="gone"
android:layout_toRightOf="@+id/username_image_video"
android:text="你好小智"
android:textColor="@color/white"
android:textSize="18mm" />
android:textSize="18dp" />
<TextView
android:id="@+id/tv_information_media_time"
@@ -70,10 +77,40 @@
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:paddingLeft="15mm"
android:paddingRight="17mm"
android:paddingLeft="15dp"
android:paddingRight="17dp"
android:text="2019-10-10"
android:visibility="gone"
android:textColor="@color/color_9A9A9A"
android:textSize="16mm" />
android:textSize="16dp" />
<TextView
android:id="@+id/tv_previous_res"
android:layout_width="110dp"
android:layout_height="45dp"
android:layout_centerVertical="true"
android:gravity="center_vertical|center_horizontal"
android:layout_marginLeft="35dp"
android:text="上一个"
android:background="@drawable/shape_bg_222533"
android:textColor="@color/white"
android:textSize="18dp" />
<TextView
android:id="@+id/tv_next_res"
android:layout_width="110dp"
android:layout_height="45dp"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:gravity="center_vertical|center_horizontal"
android:layout_marginRight="35dp"
android:background="@drawable/shape_bg_222533"
android:text="下一个"
android:textColor="@color/white"
android:textSize="18dp" />
</RelativeLayout>
</RelativeLayout>

View File

@@ -1,80 +1,80 @@
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="400mm"
android:layout_height="400mm"
android:layout_marginTop="30mm">
android:layout_width="400dp"
android:layout_height="400dp"
android:layout_marginTop="30dp">
<TextView
android:id="@+id/tv_information_content"
android:layout_width="match_parent"
android:layout_height="28mm"
android:layout_marginLeft="20mm"
android:layout_marginTop="22mm"
android:layout_marginRight="5mm"
android:layout_height="28dp"
android:layout_marginLeft="20dp"
android:layout_marginTop="22dp"
android:layout_marginRight="5dp"
android:ellipsize="end"
android:gravity="center_vertical"
android:maxLines="1"
android:text="@string/main_empty_location"
android:textColor="@color/white"
android:textSize="22mm" />
android:textSize="22dp" />
<TextView
android:id="@+id/tv_distance_photo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/tv_information_content"
android:layout_marginLeft="20mm"
android:layout_marginTop="3mm"
android:layout_marginBottom="14mm"
android:textSize="20mm" />
android:layout_marginLeft="20dp"
android:layout_marginTop="3dp"
android:layout_marginBottom="14dp"
android:textSize="20dp" />
<com.zhidao.roadcondition.view.AutoZoomInImageView
android:id="@+id/recycle_photo_imageView"
android:layout_width="400mm"
android:layout_height="225mm"
android:layout_width="400dp"
android:layout_height="225dp"
android:layout_below="@+id/tv_distance_photo" />
<ProgressBar
android:id="@+id/pb_loading"
android:layout_width="48mm"
android:layout_height="48mm"
android:layout_width="48dp"
android:layout_height="48dp"
android:layout_centerInParent="true"
android:indeterminateDrawable="@drawable/loading_bg"
android:visibility="gone" />
<Button
android:id="@+id/btn_enlarge"
android:layout_width="30mm"
android:layout_height="30mm"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_centerInParent="true"
android:layout_marginRight="14mm"
android:layout_marginBottom="95mm"
android:layout_marginRight="14dp"
android:layout_marginBottom="95dp"
android:background="@drawable/selector_bg_btn_enlarge" />
<!--bottom-->
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="81mm"
android:layout_height="81dp"
android:layout_below="@+id/recycle_photo_imageView">
<ImageView
android:id="@+id/username_image_photo"
android:layout_width="40mm"
android:layout_height="40mm"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_centerVertical="true"
android:layout_marginLeft="20mm" />
android:layout_marginLeft="20dp" />
<TextView
android:id="@+id/tv_username_photo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="10mm"
android:layout_marginLeft="10dp"
android:layout_toRightOf="@+id/username_image_photo"
android:textColor="@color/white"
android:textSize="18mm" />
android:textSize="18dp" />
<TextView
android:id="@+id/tv_information_time"
@@ -82,8 +82,8 @@
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_marginRight="20mm"
android:layout_marginRight="20dp"
android:textColor="@color/white"
android:textSize="18mm" />
android:textSize="18dp" />
</RelativeLayout>
</RelativeLayout>

View File

@@ -0,0 +1,83 @@
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/item_video_cover"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:id="@+id/surface_container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center">
</RelativeLayout>
<RelativeLayout
android:id="@+id/thumb"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true">
<ImageView
android:id="@+id/thumbImage"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop" />
</RelativeLayout>
<LinearLayout
android:id="@+id/layout_bottom"
android:layout_width="380dp"
android:layout_height="72dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="5dp"
android:background="@drawable/shape_bg_99191c25_4px"
android:gravity="center_vertical"
android:orientation="horizontal">
<SeekBar
android:id="@+id/progress"
android:layout_width="330dp"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:background="@null"
android:max="100"
android:maxHeight="4dp"
android:minHeight="4dp"
android:paddingTop="8dp"
android:paddingBottom="8dp"
android:progressDrawable="@drawable/video_seek_progress"
android:thumb="@drawable/video_seek_thumb" />
<ImageView
android:id="@+id/fullscreen"
android:layout_width="30dp"
android:layout_height="30dp"
android:scaleType="centerInside" />
</LinearLayout>
<ImageView
android:id="@+id/start"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:layout_gravity="center_vertical" />
<ProgressBar
android:id="@+id/loading"
android:layout_width="48dp"
android:layout_height="48dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:indeterminateDrawable="@drawable/loading_bg"
android:visibility="invisible" />
</RelativeLayout>

View File

@@ -11,8 +11,22 @@
<color name="color_4d191C25">#4d191C25</color>
<color name="color_99191C25">#99191C25</color>
<color name="color_222533">#222533</color>
<color name="color_303447">#303447</color>
<color name="color_323131">#323131</color>
<color name="color_4B5369">#4B5369</color>
<color name="color_9A9A9A">#9A9A9A</color>
<color name="color_A2A2A2">#A2A2A2</color>
<color name="color_5a979797">#5a979797</color>
<color name="half_transparent_white">#80FFFFFF</color>
<color name="color_b3000000">#b3000000</color>
<color name="color_0DFFFFFF">#0DFFFFFF</color>
<color name="color_000000">#000000</color>
<color name="color_69718B">#69718B</color>
<color name="color_213142">#213142</color>
<color name="white_alpha20">#33FFFFFF</color>
<color name="color_B3000000">#B3000000</color>
<color name="color_3">#333333</color>
<color name="color_0091FF">#0091FF</color>
<color name="color_d9000000">#d9000000</color>
<color name="red_tips">#FF1B1B</color>
</resources>