xshell 侧边栏窗口显示_Axure实例：顶栏和侧边栏的固定和窗口自适应

一篇关于Axure的干货教程，关于顶栏和侧边栏固定以及窗口自适应的设计过程，希望对大家有所启发。

在后台系统中，常有侧边栏，不随页面内容的滚动而变化，且高度与浏览器等高。

第一步

新建一个母版1 做侧边栏，在母版中新建两个动态面板，一个作为背景使用，一个放置标题使用。

第二部

(背景)动态面板的颜色设置为  与标题背景色一致。

(标题)动态面板内新建元件作为标题。

第三步

将(标题)动态面板 与(背景)动态面板对齐。

设置 (背景)动态面板的高度与浏览器高度一致。可实现左侧栏高度自适应。

第四步

将(背景)动态面板 和(标题)动态面板  固定到浏览器，实现内容滚动时，侧边栏不会跟随滚动。

第五步

新建一个母版2 做顶栏。在母版中新建两个动态面板，一个做为背景，一个作为登录用户名。

第六步

设置(背景)动态面板和(用户名)动态面板对齐，

(背景)动态面板的颜色设置为  与(用户名)背景色一致。

(用户名)动态面板内新建元件为 用