是否有可能在xamarin中为android和ios创建带有视图的sdk/library？

Question

我们可以在xamarin中为android和IOS创建sdk或库吗？库或sdk也应该包含一些UI（视图）。库或sdk是否可以包含我们可以用于xamarin的其他项目的视图？

Answer 1

是的！您可以在Xamarin.Forms中使用Bindable属性自定义控件，然后将其打包到nuget包中。

例如：你可以创建一个名为MyCustomControl这样

<?xml version="1.0" encoding="UTF-8"?> 
<ContentView xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      x:Class="BindablePropertyDemo.Custom.MyCustomControl"> 
    <Grid x:Name="grid" 
      Padding="10,40,10,10" 
      HeightRequest="160" 
      VerticalOptions="Start"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="100"/> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 
     <Image x:Name="image" 
       HeightRequest="100" 
       HorizontalOptions="Center"/> 

     <Label x:Name="title" 
       Text="BASKETBALL" 
       Grid.Row="1" 
       FontSize="20" 
       VerticalOptions="Center" 
       TextColor="White" 
       HorizontalOptions="Center" 
       FontAttributes="Bold"/> 
    </Grid> 
</ContentView> 

另一个文件夹ContentView然后你就可以从任何网页这种控制是这样的：

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      xmlns:local="clr-namespace:BindablePropertyDemo" 
      xmlns:custom="clr-namespace:BindablePropertyDemo.Custom" 
      x:Class="BindablePropertyDemo.MainPage" 
      BackgroundColor="#33334c"> 
    <ScrollView> 
     <Grid RowSpacing="0"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="60"/> 
       <RowDefinition Height="Auto"/> 
      </Grid.RowDefinitions> 
      <Grid BackgroundColor="White"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="60"/> 
        <ColumnDefinition Width="*"/> 
       </Grid.ColumnDefinitions> 
       <Grid BackgroundColor="#ff4284" Padding="10"> 
        <Image Source="hamburger.png"/> 
       </Grid> 
       <Label Grid.Column="1" 
        Text="Home" 
        TextColor="#ff4284" 
        FontSize="20" 
        Margin="5,0,0,0" 
        HorizontalOptions="Start" 
        VerticalOptions="Center"/> 
      </Grid> 
      <StackLayout Spacing="0" Grid.Row="1">< 
       <!-- SEE HERE!! --> 
       <custom:MyCustomControl BackgroundColor="#76dab2" 
            TitleText="BASKETBALL" 
            Image="basketball.png"/> 

       <custom:MyCustomControl BackgroundColor="#7c57e4" 
            TitleText="FOOTBALL" 
            Image="football.png"/> 

       <custom:MyCustomControl BackgroundColor="#f1b136" 
            TitleText="GRIDIRON" 
            Image="gridiron.png"/> 
      </StackLayout> 
     </Grid> 
    </ScrollView> 
</ContentPage> 

你将会产生如下结果：

我已经拿这个tutorial这个例子，你可以继续有更多的信息。

你可以找到自己的源代码在这里：https://github.com/mindofai/BindablePropertyDemo