模仿企业微信界面

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

XML 复制代码
<Window x:Class="模仿企业微信界面.MainWindow"
        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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:模仿企业微信界面"
        mc:Ignorable="d"
        Title="MainWindow" Height="700" Width="800">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="2*"/>
            <ColumnDefinition Width="2*"/>
            <ColumnDefinition Width="6*"/>
        </Grid.ColumnDefinitions>

        <StackPanel Orientation="Vertical" Background="#3975c6">
            <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                <Image Source="/user.png" />
                <Label Content="张三" />
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                <Image Source="/images/消息.png"/>
                <Button Content="消息" Background="#578acf" Width="200" Margin="10,0,0,0"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                <Image Source="/images/邮件.png"/>
                <Button Content="邮件" Background="#578acf" Width="200" Margin="10,0,0,0"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                <Image Source="/images/文档.png"/>
                <Button Content="文档" Background="#578acf" Width="200" Margin="10,0,0,0"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                <Image Source="/images/日程.png"/>
                <Button Content="日程" Background="#578acf" Width="200" Margin="10,0,0,0"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                <Image Source="/images/会议.png"/>
                <Button Content="会议" Background="#578acf" Width="200" Margin="10,0,0,0"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                <Image Source="/images/工作台.png"/>
                <Button Content="工作台" Background="#578acf" Width="200" Margin="10,0,0,0"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                <Image Source="/images/通讯录_填充.png"/>
                <Button Content="通讯录" Background="#578acf" Width="200" Margin="10,0,0,0"/>
            </StackPanel>
        </StackPanel>

        <ScrollViewer Grid.Column="1" >
            <StackPanel Background="#f0f0f1">
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <TextBox Width="200" Height="30" Background="#d9dadb"/>
                    <Image  Margin="10,0,0,0" Source="/images/加号.png"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/群聊.png"/>
                    <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/叮嘱.png"/>
                    <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/群聊.png"/>
                    <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/叮嘱.png"/>
                    <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/群聊.png"/>
                    <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/叮嘱.png"/>
                    <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/群聊.png"/>
                    <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/叮嘱.png"/>
                    <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/群聊.png"/>
                    <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/叮嘱.png"/>
                    <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/群聊.png"/>
                    <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/叮嘱.png"/>
                    <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/群聊.png"/>
                    <Button Content="群聊" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="20,40,0,0">
                    <Image Source="/images/叮嘱.png"/>
                    <Button Content="武大郎" Background="#f0f0f1" Width="200" Margin="10,0,0,0"/>
                </StackPanel>
            </StackPanel>
        </ScrollViewer>

        <Grid Grid.Column="2">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="5*"/>
                <RowDefinition Height="3*"/>
            </Grid.RowDefinitions>

            <Label Content="武大郎" Background="#f6f6f7" FontSize="20" />

            <ScrollViewer Grid.Row="1">
                <StackPanel  Orientation="Vertical" Background="#f6f6f7">
                    <Label Content="大郎,你好"/>
                    <Label Content="你好,你好" HorizontalAlignment="Right"/>
                    <Label Content="最近在忙什么?"/>
                    <Label Content="卖烧饼" HorizontalAlignment="Right"/>
                    <Image Source="/images/vg.png" HorizontalAlignment="Left" Width="100"/>
                    <Image Source="/images/gou.png" HorizontalAlignment="Right" Width="100"/>
                </StackPanel>
            </ScrollViewer>

            <Grid Grid.Row="2">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30"/>
                    <RowDefinition Height="220"/>
                    <RowDefinition Height="30"/>
                </Grid.RowDefinitions>
                <StackPanel Orientation="Horizontal" Height="30">
                    <Image Source="/images/会议.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/加号.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/叮嘱.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/工作台.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/文档.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/日程.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/消息.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/通讯录_填充.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/邮件.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/邮件.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/邮件.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/邮件.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/文档.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/日程.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Image Source="/images/消息.png" Width="30" Height="30" Margin="5,0,0,0"/>
                    <Button Content="快速会议" Background="White" Margin="30,0,0,0"/>
                </StackPanel>
                <RichTextBox Grid.Row="1"/>
                <Button Content="发  送" Grid.Row="2" Width=" 120" HorizontalAlignment="Right" Background="White" Margin="0,0,30,0"/>
            </Grid>
        </Grid>
       
    </Grid>
</Window>
cs 复制代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace 模仿企业微信界面
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}

效果:

相关推荐
brief of gali9 分钟前
记录一个奇怪的前端布局现象
前端
Json_181790144801 小时前
电商拍立淘按图搜索API接口系列,文档说明参考
前端·数据库
初九之潜龙勿用1 小时前
C#校验画布签名图片是否为空白
开发语言·ui·c#·.net
风尚云网1 小时前
风尚云网前端学习:一个简易前端新手友好的HTML5页面布局与样式设计
前端·css·学习·html·html5·风尚云网
木子02042 小时前
前端VUE项目启动方式
前端·javascript·vue.js
GISer_Jing2 小时前
React核心功能详解(一)
前端·react.js·前端框架
捂月2 小时前
Spring Boot 深度解析:快速构建高效、现代化的 Web 应用程序
前端·spring boot·后端
深度混淆2 小时前
实用功能,觊觎(Edge)浏览器的内置截(长)图功能
前端·edge
Smartdaili China2 小时前
如何在 Microsoft Edge 中设置代理: 快速而简单的方法
前端·爬虫·安全·microsoft·edge·社交·动态住宅代理
秦老师Q2 小时前
「Chromeg谷歌浏览器/Edge浏览器」篡改猴Tempermongkey插件的安装与使用
前端·chrome·edge