xhwkclient/XHWK.WKTool/UControl/Uc_VideoItem.xaml

<UserControl
    x:Class="XHWK.WKTool.UControl.Uc_VideoItem"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:XHWK.WKTool.UControl"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Width="250"
    Height="260"
    mc:Ignorable="d">
    <Grid>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="10" />
                <RowDefinition Height="130" />
                <RowDefinition Height="110" />
                <RowDefinition Height="10" />
            </Grid.RowDefinitions>
            <!--  视频缩略图  -->
            <Grid Grid.Row="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="20" />
                    <ColumnDefinition Width="210" />
                    <ColumnDefinition Width="20" />
                </Grid.ColumnDefinitions>
                <Grid Grid.Column="1">
                    <Border Background="#eeeeee">
                        <Button
                            x:Name="BtnVideoPlay"
                            HorizontalAlignment="Stretch"
                            VerticalAlignment="Stretch"
                            Click="BtnVideoPlay_Click"
                            Cursor="Hand"
                            >
                            <Image
                                x:Name="ImgVideo"
                                Cursor="Hand"
                                Stretch="Fill" />
                        </Button>
                    </Border>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="75*" />
                            <ColumnDefinition Width="60*" />
                            <ColumnDefinition Width="75*" />
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="40*" />
                            <RowDefinition Height="60*" />
                            <RowDefinition Height="40*" />
                        </Grid.RowDefinitions>
                        <Grid
                            Grid.Row="0"
                            Grid.Column="2"
                            Visibility="Hidden">
                            <Button
                                x:Name="btnSetUp"
                                Margin="0,0,4,0"
                                HorizontalAlignment="Right"
                                VerticalAlignment="Center"
                                Click="Button_Click"
                                Cursor="Hand"
                                >
                                <Image
                                    x:Name="ImgSetUp"
                                    Source="/Images/Clip_Clip.png"
                                    Visibility="Visible" />
                            </Button>
                        </Grid>
                        <Grid Grid.Row="1" Grid.Column="1">
                            <Border Background="#7FDDDDDD" CornerRadius="30">
                                <Image
                                    x:Name="ImgVideoPlay"
                                    Cursor="Hand"
                                    MouseLeftButtonDown="Image_MouseLeftButtonDown"
                                    Source="/星火微课;component/Images/VideoList_Play.png" />
                            </Border>
                        </Grid>
                    </Grid>
                </Grid>
            </Grid>
            <!--  信息  -->
            <Grid Grid.Row="2">
                <Grid.RowDefinitions>
                    <RowDefinition Height="5*" />
                    <RowDefinition Height="30" />
                    <RowDefinition Height="5*" />
                    <RowDefinition Height="26" />
                    <RowDefinition Height="36*" />
                </Grid.RowDefinitions>
                <!--  名  -->
                <Grid Grid.Row="1">
                    <TextBlock
                        x:Name="TbName"
                        VerticalAlignment="Center"
                        FontSize="{Binding WordSize18}"
                        Foreground="#3f6fff"
                        MouseLeftButtonDown="TextBlock_MouseLeftButtonDown"
                        Text="一二三四五六七八九十一..."
                        TextAlignment="Center"
                        TextWrapping="Wrap"
                        ToolTip=""
                        Visibility="Visible" />
                    <Grid x:Name="GridModify" Visibility="Hidden">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="15*" />
                            <ColumnDefinition Width="190*" />
                            <ColumnDefinition Width="30*" />
                            <ColumnDefinition Width="15*" />
                        </Grid.ColumnDefinitions>
                        <Grid Grid.Column="1">
                            <TextBox
                                x:Name="TxtModify"
                                FontSize="{Binding WordSize16}"
                                KeyUp="TxtModify_KeyUp"
                                LostFocus="TxtModify_LostFocus"
                                Text="TextBox"
                                TextWrapping="Wrap">
                                <TextBox.Resources>
                                    <Style TargetType="{x:Type Border}">
                                        <Setter Property="CornerRadius" Value="3" />
                                        <Setter Property="BorderBrush" Value="#3492F4" />
                                    </Style>
                                </TextBox.Resources>
                            </TextBox>
                        </Grid>
                        <Grid Grid.Column="2">
                            <Button
                                x:Name="BtnNameModifyOK"
                                Background="White"
                                BorderBrush="#FFABADB3"
                                Click="BtnNameModifyOK_Click"
                                Cursor="Hand">
                                <Button.Resources>
                                    <Style TargetType="{x:Type Border}">
                                        <Setter Property="CornerRadius" Value="3" />
                                        <Setter Property="BorderBrush" Value="#3492F4" />
                                    </Style>
                                </Button.Resources>
                                <Image Source="/星火微课;component/Images/VideoList_OK.png" />
                            </Button>
                        </Grid>
                    </Grid>
                </Grid>
                <!--  信息  -->
                <Grid Grid.Row="3">
                    <Label
                        x:Name="lblDateSize"
                        HorizontalContentAlignment="Center"
                        Content="2020-10-10 10:10:00|1000.00MB"
                        FontSize="12"
                        Foreground="#FF9A9A9A" />
                </Grid>
                <!--  按钮  -->
                <Grid Grid.Row="4">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="20*" />
                        <ColumnDefinition Width="64*" />
                        <ColumnDefinition Width="10*" />
                        <ColumnDefinition Width="64*" />
                        <ColumnDefinition Width="20*" />
                    </Grid.ColumnDefinitions>
                    <Grid Grid.Column="1">
                        <Border x:Name="BorUploadBtn">
                            <Button
                                x:Name="BtnUpload"
                                Width="76"
                                Height="30"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Stretch"
                                Background="#3f6fff"
                                Click="BtnUpload_Click"
                                Content="上传"
                                Cursor="Hand"
                                FontSize="14"
                                Foreground="White" />
                        </Border>
                    </Grid>
                    <Grid Grid.Column="3">
                        <Border>
                            <Button
                                x:Name="BtnDelVideo"
                                Width="76"
                                Height="30"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Stretch"
                                Background="#f85e5e"
                                Click="BtnDelVideo_Click"
                                Content="删除"
                                Cursor="Hand"
                                FontSize="14"
                                Foreground="White" />
                        </Border>
                    </Grid>
                </Grid>
            </Grid>
        </Grid>
    </Grid>
</UserControl>