Xamarin дизайн экрана из кода за

Question

Я новичок в xamarin.i пытается создать Accordian контроля в Xamarin forms.i создал also.in, который на стартовом уровне я поставил только кнопку и маркировать как это

для демо purpose.this это я переплетены с кодом behind.like этого

var vViewLayout1 = new StackLayout() 
     { 
      Children = { 
       new Label { Text = "Regular Board Meeting",HorizontalOptions=LayoutOptions.Center }, 

       new StackLayout 
       { 
        Spacing = 5, 
        Orientation = StackOrientation.Horizontal, 
        VerticalOptions= LayoutOptions.Center, 
        HorizontalOptions= LayoutOptions.End, 

         Children = 
         { 
          new Image { Source = "Chat.png"}, 
          new Button { Text ="Reject",BackgroundColor = Color.Red,TextColor = Color.White}, 
          new Button { Text ="Approve",BackgroundColor = Color.Green,TextColor = Color.White} 
         } 
       }, 
       //new Label { Text = "Name : S Ravi Kumar" }, 
       //new Label { Text = "Roles : Father,Trainer,Consultant,Architect" } 
      } 
     }; 
var vFirstAccord = new AccordionSource() 
     { 
      HeaderText = "ReportToBoardJune 1,2016", 
      HeaderTextColor = Color.White, 
      HeaderBackGroundColor = Color.Red, 
      ContentItems = vViewLayout1 
     }; 

return vResult; 

, но я хочу, чтобы отобразить данные, такие как это

так, как я могу создать это из кода позади. И который я должен использовать для коробки, которую я украсил красным стрелком.boxview или любым другим, доступным в xamarine, как таблица или что-то еще.

Я только что начал xamarin.so, я не имею никакого представления о его контроле. Любое предложение или помощь apriciated.thanks заранее.

Answer 1

На основе комментариев вы собираетесь использовать сетку, и теперь ваш вопрос по существу. Как я могу сделать границу вокруг сетки в коде за файлом?

Не существует специального свойства границы для сетки, как вы обнаружили. Что я сделал несколько раз, это создать простую сетку 3х3 и поставил 4 boxviews по краям:

BoxView border() 
{ 
    BoxView res = new BoxView 
    { 
     Color = Color.Black, 
     HeightRequest = 4, 
     WidthRequest = 4 
    } 
    return res; 
} 

Grid gridWithBorder = new Grid 
{ 
    RowDefinitions = 
     { 
      new RowDefinition { Height = GridLength.Auto}, 
      new RowDefinition { Height = GridLength.Auto}, 
      new RowDefinition { Height = GridLength.Auto} 
     }, 
    ColumnDefinitions = 
     { 
      new ColumnDefinition { Width = GridLength.Auto }, 
      new ColumnDefinition { Width = GridLength.Auto }, 
      new ColumnDefinition { Width = GridLength.Auto } 
     } 
}; 

gridWithBorder.Children.Add(border(), 0, 3, 0, 1); //add top border 
gridWithBorder.Children.Add(border(), 0, 1, 0, 3); // left border 
gridWithBorder.Children.Add(border(), 0, 3, 2, 3); // bottom border 
gridWithBorder.Children.Add(border(), 2, 3, 0, 3); // right 

После этого я затем добавить остальную часть макета к строке 1 колонка 1