Xamarin.Form中如何使用Style

在Xamarin.Form中,我们可以这样定义界面的风格;



    
        

下面是在Android平台和iOS平台的运行效果,至于WinPhone上的运行效果,我手头既没有WinPhone的真机也没有模拟器,就不给出来了。

Xamarin.Form中如何使用Style_第1张图片
Android平台的运行效果
Xamarin.Form中如何使用Style_第2张图片
iOS平台的运行效果

上面的代码的有个很明显的问题,三个按键的风格都是一样的,但是却都要写三遍,既冗长,又不便于修改。这个时候,我们可以使用Style来解决这个问题;



    
        
            
        
    
    
        

注意:

  1. 这里我们要将Style的定义放在...之中;
  2. x:Key="buttonStyle"指定Style的变量名;
  3. TargetType="Button"指定Style应用的控件类型,这里就是Button;
  4. Style="{StaticResource buttonStyle}"声明对该Style的引用。

其实,我们还可以有更简洁的写法,就是将x:Key="buttonStyle"Style="{StaticResource buttonStyle}"都去掉,没有变量名的Style会默认应用到其将指定的控件类型上,即会默认将这个Button的Style应用到页面中的所有Button控件上。



    
        
            
        
    
    
        

但是这个Style目前只能在这个页面中使用,如果我们在整个App中使用这个Style呢?在Xamarin.Form中有个App.xaml文件,我们需要把将Style放在这个文件中。



    
        
        
            
        
    

在这里x:Key="buttonStyle"是不可避免的,因为在App中定义的Style不会自动应用到程序中的控件,不定义这个变量名,我们就没办法在其它页面中引用到这个Style。此外,我们还需要在具体页面中做一些处理;