• 模仿企业微信界面

    备注：未实现相关功能，仅模仿界面，不能作为商业用途，若有侵权，请联系删除。

    1. <Window x:Class="模仿企业微信界面.MainWindow"
    2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    4.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    5.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    6.         xmlns:local="clr-namespace:模仿企业微信界面"
    7.         mc:Ignorable="d"
    8.         Title="MainWindow" Height="700" Width="800">
    9.     <Grid>
    10.         <Grid.ColumnDefinitions>
    11.             <ColumnDefinition Width="2*"/>
    12.             <ColumnDefinition Width="2*"/>
    13.             <ColumnDefinition Width="6*"/>
    14.         Grid.ColumnDefinitions>
    15.  
    16.         <StackPanel Orientation="Vertical" Background="#3975c6">
    17.             <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    18.                 <Image Source="/user.png" />
    19.                 <Label Content="张三" />
    20.             StackPanel>
    21.             <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    22.                 <Image Source="/images/消息.png"/>
    23.                 <Button Content="消息" Background="#578acf" Width="200" Margin="10,0,0,0"/>
    24.             StackPanel>
    25.             <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    26.                 <Image Source="/images/邮件.png"/>
    27.                 <Button Content="邮件" Background="#578acf" Width="200" Margin="10,0,0,0"/>
    28.             StackPanel>
    29.             <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    30.                 <Image Source="/images/文档.png"/>
    31.                 <Button Content="文档" Background="#578acf" Width="200" Margin="10,0,0,0"/>
    32.             StackPanel>
    33.             <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    34.                 <Image Source="/images/日程.png"/>
    35.                 <Button Content="日程" Background="#578acf" Width="200" Margin="10,0,0,0"/>
    36.             StackPanel>
    37.             <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    38.                 <Image Source="/images/会议.png"/>
    39.                 <Button Content="会议" Background="#578acf" Width="200" Margin="10,0,0,0"/>
    40.             StackPanel>
    41.             <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    42.                 <Image Source="/images/工作台.png"/>
    43.                 <Button Content="工作台" Background="#578acf" Width="200" Margin="10,0,0,0"/>
    44.             StackPanel>
    45.             <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    46.                 <Image Source="/images/通讯录_填充.png"/>
    47.                 <Button Content="通讯录" Background="#578acf" Width="200" Margin="10,0,0,0"/>
    48.             StackPanel>
    49.         StackPanel>
    50.  
    51.         <ScrollViewer Grid.Column="1" >
    52.             <StackPanel Background="#f0f0f1">
    53.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    54.                     <TextBox Width="200" Height="30" Background="#d9dadb"/>
    55.                     <Image  Margin="10,0,0,0" Source="/images/加号.png"/>
    56.                 StackPanel>
    57.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    58.                     <Image Source="/images/群聊.png"/>
    59.                     <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    60.                 StackPanel>
    61.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    62.                     <Image Source="/images/叮嘱.png"/>
    63.                     <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    64.                 StackPanel>
    65.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    66.                     <Image Source="/images/群聊.png"/>
    67.                     <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    68.                 StackPanel>
    69.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    70.                     <Image Source="/images/叮嘱.png"/>
    71.                     <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    72.                 StackPanel>
    73.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    74.                     <Image Source="/images/群聊.png"/>
    75.                     <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    76.                 StackPanel>
    77.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    78.                     <Image Source="/images/叮嘱.png"/>
    79.                     <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    80.                 StackPanel>
    81.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    82.                     <Image Source="/images/群聊.png"/>
    83.                     <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    84.                 StackPanel>
    85.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    86.                     <Image Source="/images/叮嘱.png"/>
    87.                     <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    88.                 StackPanel>
    89.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    90.                     <Image Source="/images/群聊.png"/>
    91.                     <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    92.                 StackPanel>
    93.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    94.                     <Image Source="/images/叮嘱.png"/>
    95.                     <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    96.                 StackPanel>
    97.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    98.                     <Image Source="/images/群聊.png"/>
    99.                     <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    100.                 StackPanel>
    101.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    102.                     <Image Source="/images/叮嘱.png"/>
    103.                     <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    104.                 StackPanel>
    105.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    106.                     <Image Source="/images/群聊.png"/>
    107.                     <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    108.                 StackPanel>
    109.                 <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
    110.                     <Image Source="/images/叮嘱.png"/>
    111.                     <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
    112.                 StackPanel>
    113.             StackPanel>
    114.         ScrollViewer>
    115.  
    116.         <Grid Grid.Column="2">
    117.             <Grid.RowDefinitions>
    118.                 <RowDefinition Height="auto"/>
    119.                 <RowDefinition Height="5*"/>
    120.                 <RowDefinition Height="3*"/>
    121.             Grid.RowDefinitions>
    122.  
    123.             <Label Content="武大郎" Background="#f6f6f7" FontSize="20" />
    124.  
    125.             <ScrollViewer Grid.Row="1">
    126.                 <StackPanel  Orientation="Vertical" Background="#f6f6f7">
    127.                     <Label Content="大郎，你好"/>
    128.                     <Label Content="你好，你好" HorizontalAlignment="Right"/>
    129.                     <Label Content="最近在忙什么？"/>
    130.                     <Label Content="卖烧饼" HorizontalAlignment="Right"/>
    131.                     <Image Source="/images/vg.png" HorizontalAlignment="Left" Width="100"/>
    132.                     <Image Source="/images/gou.png" HorizontalAlignment="Right" Width="100"/>
    133.                 StackPanel>
    134.             ScrollViewer>
    135.  
    136.             <Grid Grid.Row="2">
    137.                 <Grid.RowDefinitions>
    138.                     <RowDefinition Height="30"/>
    139.                     <RowDefinition Height="220"/>
    140.                     <RowDefinition Height="30"/>
    141.                 Grid.RowDefinitions>
    142.                 <StackPanel Orientation="Horizontal" Height="30">
    143.                     <Image Source="/images/会议.png" Width="30" Height="30" Margin="5,0,0,0"/>
    144.                     <Image Source="/images/加号.png" Width="30" Height="30" Margin="5,0,0,0"/>
    145.                     <Image Source="/images/叮嘱.png" Width="30" Height="30" Margin="5,0,0,0"/>
    146.                     <Image Source="/images/工作台.png" Width="30" Height="30" Margin="5,0,0,0"/>
    147.                     <Image Source="/images/文档.png" Width="30" Height="30" Margin="5,0,0,0"/>
    148.                     <Image Source="/images/日程.png" Width="30" Height="30" Margin="5,0,0,0"/>
    149.                     <Image Source="/images/消息.png" Width="30" Height="30" Margin="5,0,0,0"/>
    150.                     <Image Source="/images/通讯录_填充.png" Width="30" Height="30" Margin="5,0,0,0"/>
    151.                     <Image Source="/images/邮件.png" Width="30" Height="30" Margin="5,0,0,0"/>
    152.                     <Image Source="/images/邮件.png" Width="30" Height="30" Margin="5,0,0,0"/>
    153.                     <Image Source="/images/邮件.png" Width="30" Height="30" Margin="5,0,0,0"/>
    154.                     <Image Source="/images/邮件.png" Width="30" Height="30" Margin="5,0,0,0"/>
    155.                     <Image Source="/images/文档.png" Width="30" Height="30" Margin="5,0,0,0"/>
    156.                     <Image Source="/images/日程.png" Width="30" Height="30" Margin="5,0,0,0"/>
    157.                     <Image Source="/images/消息.png" Width="30" Height="30" Margin="5,0,0,0"/>
    158.                     <Button Content="快速会议" Background="White" Margin="30,0,0,0"/>
    159.                 StackPanel>
    160.                 <RichTextBox Grid.Row="1"/>
    161.                 <Button Content="发  送" Grid.Row="2" Width=" 120" HorizontalAlignment="Right" Background="White" Margin="0,0,30,0"/>
    162.             Grid>
    163.         Grid>
    164.        
    165.     Grid>
    166. Window>
    1. using System;
    2. using System.Collections.Generic;
    3. using System.Linq;
    4. using System.Text;
    5. using System.Threading.Tasks;
    6. using System.Windows;
    7. using System.Windows.Controls;
    8. using System.Windows.Data;
    9. using System.Windows.Documents;
    10. using System.Windows.Input;
    11. using System.Windows.Media;
    12. using System.Windows.Media.Imaging;
    13. using System.Windows.Navigation;
    14. using System.Windows.Shapes;
    15.  
    16. namespace 模仿企业微信界面
    17. {
    18.     /// 
    19.     /// Interaction logic for MainWindow.xaml
    20.     /// 
    21.     public partial class MainWindow : Window
    22.     {
    23.         public MainWindow()
    24.         {
    25.             InitializeComponent();
    26.         }
    27.     }
    28. }

    效果：

  • 相关阅读:
    盘点面试常见的设计类算法问题
    (十九)ATP应用测试平台——springboot集成RocketMQ案例实战
    RabbitMQ--基础--5.1--部署--命令
    亚马逊英国站自动洒水器、自动浇花器UKCA认证检测标准
    代码检查 pre-commit如何使用
    MySQL高级SQL语句
    Springboot+Vue+Mysql实现模拟汽车保养系统（附源码）
    Linux编程基础：1~6章实训编程题
    技术策划学习 —— 引擎工具链高级概念与应用
    基于android的购物APP系统设计与实现
  • 原文地址：https://blog.csdn.net/XiaoWang_csdn/article/details/133986238