跟一个小学弟一起学习wpf,小学弟是刚初中毕业,对编程刚刚接触,我挺怕自己带的不好,影响小学弟以后在编程方向的学习兴趣。我承认自己水平不高,但是在努力去学习新知识!一起加油吧!在此以博客,记录学习进度。

<Window x:Class="QQ.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:QQ"
         mc:Ignorable="d"
         Title="MainWindow" WindowStyle="None" Height="350" Width="525" WindowStartupLocation="CenterScreen">

<Grid>
    <!--设置窗体的阴影效果-->(关于设置窗体的阴影透明效果还不是很理解,此段代码是在网上copy过来的,不明其意)
      <Border Background="#FFFFFF" CornerRadius="3" Margin="{TemplateBinding Padding}">
            <Border.Effect>
                       <DropShadowEffect BlurRadius="15" Direction="-90" RenderingBias="Quality" ShadowDepth="2"/>
             </Border.Effect>
    <!-- 登录面板 -->
   <Grid Height="483" Width="458" Visibility="Visible" >
             <!--总体分三行-->
             <Grid.RowDefinitions>
                       <RowDefinition Height="30"></RowDefinition>
                       <RowDefinition Height="150"></RowDefinition>
                       <RowDefinition Height="150"></RowDefinition>
              </Grid.RowDefinitions>
         <!--第一行-->
        <Grid Grid.Row="0">
                 <!--第一行分两列-->
                 <Grid.ColumnDefinitions >
                          <ColumnDefinition Width="340"></ColumnDefinition>
                          <ColumnDefinition ></ColumnDefinition>
                 </Grid.ColumnDefinitions>
         </Grid>
         <!--第二行-->
         <Grid Grid.Row="1"></Grid>
          <!--第三行-->
          <Grid Grid.Row="2">
                    <!--第三行分三列-->
                  <Grid.ColumnDefinitions>
                              <ColumnDefinition Width="136"></ColumnDefinition>
                              <ColumnDefinition Width="192"></ColumnDefinition>
                              <ColumnDefinition></ColumnDefinition>
                   </Grid.ColumnDefinitions>
                    <!--第三行第一列-->
                   <Grid Grid.Column="0">
                               <!--分两行-->
                               <Grid.RowDefinitions>
                                          <RowDefinition Height="3*"></RowDefinition>
                                          <RowDefinition></RowDefinition>
                               </Grid.RowDefinitions>
           </Grid>
            <!--第三行第二列-->
            <Grid Grid.Column="1">
                      <!--分四行-->
                      <Grid.RowDefinitions>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                     </Grid.RowDefinitions>
            </Grid>
            <!--第三行第三列-->
             <Grid Grid.Column="2">
                           <!--分三行-->
                           <Grid.RowDefinitions>
                                      <RowDefinition></RowDefinition>
                                      <RowDefinition></RowDefinition>
                                      <RowDefinition Height="2*"></RowDefinition>
                           </Grid.RowDefinitions>
            </Grid>

</Grid>
      </Grid>
</Border>
  <!--主界面- -->
 <Grid>
  (待完成......)
 </Grid>
</Grid>
</Window>

总体思路就是用Grid面板布局,分行和分列。这是登录窗体的整体布局,QQ个人主页的布局也是如此,还未完成。我们会在一个大的Grid面板里放两个小的Grid面板,分别是登录界面和个人主界面,然后添加组件,实现按钮的单击事件,我们自己做的这些还算简单。开始深入浅出wpf之旅!

(初学)wpf仿QQ界面-整体布局的更多相关文章

  1. WPF仿QQ聊天框表情文字混排实现

    原文:WPF仿QQ聊天框表情文字混排实现 二话不说.先上图 图中分别有文件.文本+表情.纯文本的展示,对于同一个list不同的展示形式,很明显,应该用多个DataTemplate,那么也就需要Data ...

  2. 循序渐进实现仿QQ界面(一):园角矩形与双缓冲贴图窗口

    印象里仿QQ界面的程序应该有很多,搜了一下,虽然出来一大堆,排除了重复的,却只有两三个,没我想象的好.经常看到CSDN上有人问,QQ这个功能怎么实现,那个界面怎么实现,归纳了一下,决定写这么一个仿QQ ...

  3. 循序渐进实现仿QQ界面(三):界面调色与控件自绘

    本篇讲述如何进行界面调色.界面调色一般有两种方法,调色板和HSL色彩变换.调色板局限于256色,这里不采用,因此用HSL色彩变换实现.首先要了解一下什么是HSL色彩空间,完整且详尽的知识请到维基百科去 ...

  4. wpf 仿QQ图片查看器

    参考博客 WPF下的仿QQ图片查看器 wpf图片查看器,支持鼠标滚动缩放拖拽 实现效果 主要参考的WPF下的仿QQ图片查看器,原博主只给出了部分代码. 没有完成的部分 1.右下角缩略图是原图不是缩略图 ...

  5. 程序员的出路在哪里?挣钱的机会来了续-福利来了,仿QQ界面,放出全部源码,打造创业框架及实现思路

    上一篇:程序员的出路在哪里?挣钱的机会来了!, 原来搞技术,挣钱,不一定非得要多高精尖,有时候抓住小白用户,解决他们一个很小但是很常用的功能,也是一条很好的出路. 其实很多软件产品,要实现出来没有你想 ...

  6. wpf 仿QQ音乐歌词卡拉OK

    最近用WPF做了个音乐播放器,读取歌词.歌词同步都已经实现了.卡拉OK逐字变色 也实现了,但是逐字变色时不能根据歌手唱的快慢来逐字显示.请问各位大神,这个如何解决,有何思路?(附上我做的界面) 感谢各 ...

  7. Android仿QQ界面

    最近这几天,一直跟着朋友们聚会什么的,没怎么做项目,今天总算是有时间开电脑继续做我的项目了.下面我就把我做的效果展示一下. 这是模仿了qq的界面效果.因为代码比较长就不粘贴代码了.需要的小伙伴可以跟我 ...

  8. wpf仿qq边缘自动停靠,支持多屏

    wpf完全模仿qq边缘自动隐藏功能,采用鼠标钩子获取鼠标当前状态,在通过当前鼠标的位置和点击状态来计算是否需要隐藏. 以下是实现的具体方法: 一.鼠标钩子实时获取当前鼠标的位置和点击状态 /// &l ...

  9. 循序渐进实现仿QQ界面(二):贴图按钮的三态模拟

    开始之前先说一下RingSDK的编译问题,这里演示的程序需要用到最新版本的RingSDK,请务必用SVN到svn://svnhost.cn/RingSDK更新到最新版本,推荐用TortoiseSVN. ...

随机推荐

  1. Lucene 全文检索 Lucene的使用

    Lucene  全文检索  Lucene的使用 一.简介: 参考百度百科: http://baike.baidu.com/link?url=eBcEVuUL3TbUivRvtgRnMr1s44nTE7 ...

  2. 容器编排之Kubernetes1.7.6安装与配置

    kubernetes官网的安装教程是采用kubeadm init的方式,但是在生产环境当中,可能需要独自手动安装k8s,本文采用源码安装的方式,一步步搭建k8s的master节点和node节点. 系统 ...

  3. [hdu 2604] Queuing 递推 矩阵快速幂

    Problem Description Queues and Priority Queues are data structures which are known to most computer ...

  4. win7桌面上的ie图标删不掉怎么办

    一种准确的方法,不要只看着注册表的名字去删,万一删错一切就无法挽回了. 原文链接:http://zhidao.baidu.com/link?url=9H3xX7ScNSUd5NGxfir9napxOH ...

  5. C# 添加,修改,删除Xml节点

    //添加xml节点    private void AddXml(string image, string title)     {        XmlDocument xmlDoc = new X ...

  6. sap alv 单元格行列邓颜色设定(记录一下网址,供下次使用)

    https://www.cnblogs.com/mingdashu/p/color_alv.html

  7. 模拟使用zookeeper实现master选举

    1.模拟选举机器类 package com.karat.cn.zookeeperAchieveLock.zkclient; import java.io.Serializable; /** * 选举的 ...

  8. 让函数的input、output更"函数化"

    前言 我们都知道函数的基本形式为:output f(input),且先按这种形式进行input与output的分析,我们的input与output可以有更好的设计方式,而我们的output是选择使用r ...

  9. 利用Android studio开发Java工程

    1. 新建项目 新建项目肯定是去new,但到底是new project还是new module是一个问题.在这解释一下,如果new project的话是新建一个工程,相当于新建一个工作区,工程中可以有 ...

  10. liunx postfix与sendmail 开启与关闭

    1:检查sendmail服务的状态 service sendmail status 2:开启sendmail服务 service sendmail start 3:关闭sendmail服务 servi ...