使用Adaptive cards来构建Teams app的界面

Teams app的task module十分好用，当用户点击了一个卡片上的按钮是可以在Teams里弹出一个对话框，对话框的内容可以是开发人员自己的一个网页页面，或者是adaptive card。 在我的LuckyDraw bot里，我比较了这两种的优势和劣势，最后选择了Adaptive card。如果采用网页，那最大的优势就是可以实现任何你想要的功能和界面互动，只要是html+css+js可以做到的，基本都可以在这个弹出的对话框里实现，劣势就是工作量大。可能有很多读者会质疑说开发一个html页面有什么难的，早就轻车熟路了。那我先来介绍一下到底adaptive card有哪些功能，然后再来看实现这些功能的页面会需要多少工作量。

自动适配桌面宽屏和和手机窄屏

只要是Teams支持的客户端平台，微软就会为adaptive card提供对应的适配支持，并且对不同的屏幕分辨率提供自适应。

自动适配teams的不同主题

除了大家常用的默认主题，teams实际上还有一款深色主题，很适合夜间使用。如果使用adaptive card，开发人员完全不用处理主题的切换和处理，所有一切teams内建支持。