原型如下：
完整代碼參考
https://github.com/comsmobiler/BlogsCode/blob/master/Source/BlogsCode_SmobilerForm/MyForm/momo.cs
思路
可以将原型按照上圖分成3個部分，部分A可以使用label、image、fontIcon、imagebutton控件來實作；部分B可以使用Tabpageview、Gridview、label、button、image、fontIcon實作；部分C使用button控件即可。
實作
首先添加SmobilerFrom，類名為momo，将窗體的Layout屬性設定Relative，依次拖入Panel、Tabpageview控件。
實作部分A
拖入panel1，設定BackColor為White；
在panel1中拖入image1，imageButton1，fontIcon1，imageButton2，image2，label1，fontIcon2，label2，label3，label4，label5，fontIcon3，label6，label7；
image1的SizeMode設定為Stretch，Size設定為（300,80），Dock設定為Top；
在image1上拖入imageButton1，fontIcon1，imageButton2，imageButton1，imagButton2 IconColor設定為White，ImageType設定為FontIcon，imageButton1.ResourceID設定為angle-left，imageButton2.Resource.ID設定為ellipsis-h,fontIcon1的ForeColor設定為White，ResourceID設定為pencil-square-o；
在image1的邊界處拖入image2，設定Size屬性Width和Height為50，BorderRadius設定為25；
label1的Text設定為“張凱特”，FontSize設定為20，Bold設定為True，HorizontalAlignment設定為Center；
fontIcon2的ForeColor設定為SteelBlue，ResourceID設定為newspaper-o；
label2的Text設定為“脈脈·營運”，FontSize設定為15，Bold設定為True，HorizontalAlignment設定為Center；
label3的Text設定為“職業”，ForeColor設定為Orange；
label4的Text設定為“社交網絡·營運·影響力”，ForeColor設定為DimGray；
label5的Text設定為“729”，ForeColor設定為DeepSkyBlue；
FontIcon3的ForeColor設定為Silver，ResourceID設定為map-marker；
label6的Text設定為“北京海澱區”，ForeColor設定為DimGray；
label7的Text設定為““不解釋，未結果負責。””，ForeColor設定為DimGray；
實作部分B
拖入tabPageView1，PageIndicator設定為Title,Titles設定為“個人資訊，好友評價，她的動态，更多資訊”，TitleStyle中BackColor屬性設定為White，ForeColor設定為DimGray,SelectedForeColor設定為Black，BackColor設定為White；
在tabPageControl1中拖入label8，fontIcon4，label9，label10，fontIcon5，label11，label12，fontIcon6，label13，gridView1，label14，label15，fontIcon7，gridView2，label16，label17，label18，label18，label19，label20，label21，label22，fontIcon8,gridView3；
label8的Text設定為“工作經曆”，FontSize設定為15；
fontIcon4的ForeColor設定為RoyalBlue，ResourceID設定為apple；
label9的Bold設定為True，FontSize設定為15，Text設定為“Apple”；
label10的Text設定為“2018.3-至今，營運”；
fontIcon5的ForeColor設定為Orange，ResourceID設定為newspaper-o；
label11的ForeColor設定為DimGray，FontSize設定為12，Text設定為“脈脈實名社群營運。
站内1000+大公司内容營運，提升大公司……”；
label12的ForeColor設定為Silver，Text設定為“她有125個好友在此公司”；
fontIcon6的ForeColor設定為DarkGray，ResourceID設定為angle-right；
label13的FontSize設定為15，Text設定為“教育經曆”；
gridView1的TemplateControlName設定為momo2；
建立一個SmobilerUserControl，Name設定momo2，BackColor設定White，Size設定（0，130）；
拖入fontIcon1，label1，label2，label3，label4，fontIcon2；
fontIcon1的ForeColor設定為BlueViolet，ResourceID設定為graduation-cap；
label1的DisplayMember設定為lab1，Bold設定為True，FontSize設定為15；
label2的DisplayMember設定為lab2，label3的DisplayMember設定為lab3，label4的DisplayMember設定為lab4；
fontIcon2的ForeColor設定為DarkGray，ResourceID設定為angle-right；
label14的FontSize設定為15，Text設定為“職業标簽”；
label15的HorizontalAlignment設定為Right，Text設定為“全部19個”；
fontIcon7的ForeColor設定為DarkGray，ResourceID設定為angle-right；
gridView2的TemplateControlName設定為momo3；
建立一個SmobilerUserControl，Name設定momo3，BackColor設定White，Size設定（0，100）；
拖入label1，label2，label3；
label1的BorderRadius設定為15，DisplayMember設定為label1，HorizontalAlignment設定為Center；
label2的ForeColor設定為DimGray，DisplayMember設定為label2；
label3的ForeColor設定為DarkGray，DisplayMember設定為label3；
label16的FontSize設定為15，Text設定為“更多資料”；
label17的Text設定為“家鄉”，label18的Text設定為“星座”；
label19的ForeColor設定為DimGray，HorizontalAlignment設定為Right，Text設定為“浙江紹興”；
label20的ForeColor設定為DimGray，HorizontalAlignment設定為Right，Text設定為“天秤座”；
label21的FontSize設定為18，HorizontalAlignment設定為Center，Text設定為“看了Ta的人還看了”；
label22的ForeColor設定為DimGray，HorizontalAlignment設定為Center，Text設定為“我也要推廣自己，提升人氣！”；
fontIcon8的ForeColor設定為Red，ResourceID設定為bolt；
gridView3的TemplateControlName設定為momo4；
建立一個SmobilerUserControl，Name設定momo4，BackColor設定White，Size設定（0，80）；
拖入image1，label1，label2，label3，button1；
image1設定Size屬性Width和Height為50，BorderRadius設定為25；
label2的DisplayMember設定為lab2，ForeColor設定為DimGray，FontSize設定為11；
label3的DisplayMember設定為lab3，ForeColor設定為DimGray，FontSize設定為11；
button1的BorderRadius設定為2，Text設定為“+好友”；
實作部分C
拖入panel2，設定BackColor為White，Flex設定為1；
在panel2中拖入button1，button2；