欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Windows Phone7屏幕方向与常用控件

程序员文章站 2022-08-05 08:31:53
跟林永坚老师学习wp7 • 屏幕方向(Orientation) •  常用控件(Canvas,Grid,StackPanel,TextB...

跟林永坚老师学习wp7
• 屏幕方向(Orientation)
•  常用控件(Canvas,Grid,StackPanel,TextBlock,Image,MediaElement)
屏幕方向感应页面(Portraint,LandScape)
• 在VS里可以新增 Portraint,LandScape的页面;
• 页面可以支持横屏 竖屏 或者同时支持两者
• 不能通过代码来改变屏幕方向
SupportedOrientations表示页面支持的屏幕方向,Orientation代表页面启动的方向;
可以通过注册事件来实现元素的控制:

namespace PageNavigation.views
{
    public partial class About : PhoneApplicationPage
    {
        public About()
        {
            InitializeComponent();
            OrientationChanged += new EventHandler<OrientationChangedEventArgs>(About_OrientationChanged);
        }
 
        void About_OrientationChanged(object sender, OrientationChangedEventArgs e)
        {
            if (e.Orientation == PageOrientation.LandscapeLeft || e.Orientation == PageOrientation.LandscapeRight)
            {
                TitlePanel.Visibility = Visibility.Collapsed;
            }
            else if(e.Orientation == PageOrientation.PortraitDown || e.Orientation == PageOrientation.PortraitUp)
            {
                TitlePanel.Visibility = Visibility.Visible;
            }
        }
    }
}
  使用TextBlock来格式化文本:

            <TextBlock Height="183" HorizontalAlignment="Left" Margin="56,126,0,0" Name="textBlock1"  VerticalAlignment="Top" Width="335">
<LineBreak></LineBreak>
                <Run Foreground="Beige" FontSize="32">文字一</Run>
                <LineBreak/>
                   <Run Foreground="Green" FontSize="20">文字2</Run>
            </TextBlock>
  Img控件:支持png,jpeg,支持网络文件和本地文件(本地文件的Build Action为content)
 

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
       <Image Height="121" Source="http://cn.bing.com/az/hprichbgp=rb%2fPipefishes_ZH-CN1693383898.jpg" HorizontalAlignment="Left" Margin="9,6,0,0" Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="398" />


       <Image Height="350" Source="/pictures/DSCF0885.JPG" HorizontalAlignment="Left" Margin="6,154,0,0" Name="image2" Stretch="Fill" VerticalAlignment="Top" Width="462" />
   </Grid>
  UI布局控件比较:
•  Canvas绝对定位控件,速度快,
• Grid网格定位,
• StackPanel自动定位控件
在使用canvas的时候往往会出现竖屏的时候是完整的,横屏的时候就会缺少元素的情况,这里有两个解决办法,一是通过注册事件,二是通过使用ScrollViewer;

public partial class Picture : PhoneApplicationPage
   {
       public Picture()
       {
           InitializeComponent();
           OrientationChanged += new EventHandler<OrientationChangedEventArgs>(Picture_OrientationChanged);
       }
 
       void Picture_OrientationChanged(object sender, OrientationChangedEventArgs e)
       {
           if (e.Orientation == PageOrientation.LandscapeLeft || e.Orientation == PageOrientation.LandscapeRight)
           {
               Canvas.SetTop(button1, 200);
           }
           else if (e.Orientation == PageOrientation.PortraitDown || e.Orientation == PageOrientation.PortraitUp)
           {
               Canvas.SetTop(button1,466);
           }
       }
   }
  Stackpanel控件:自动定位控件,不能指定具体子控件的布局;
可以通过注册事件调整子控件的方向

if (e.Orientation == PageOrientation.LandscapeLeft || e.Orientation == PageOrientation.LandscapeRight)
           {
               stackpaneltest.Orientation = System.Windows.Controls.Orientation.Horizontal;
           }
           else if (e.Orientation == PageOrientation.PortraitDown || e.Orientation == PageOrientation.PortraitUp)
           {
               stackpaneltest.Orientation = System.Windows.Controls.Orientation.Vertical;
           }
  Grid控件:优点容易支持翻屏的控件布局
注册事件的代码

if (e.Orientation == PageOrientation.LandscapeLeft || e.Orientation == PageOrientation.LandscapeRight)
          {
              Grid.SetRow(stackpaneltest1, 0);
              Grid.SetColumn(stackpaneltest1, 1);
          }
          else if (e.Orientation == PageOrientation.PortraitDown || e.Orientation == PageOrientation.PortraitUp)
          {
              Grid.SetRow(stackpaneltest1, 1);
              Grid.SetColumn(stackpaneltest1, 0);
          }
  MediaElement控件支持音频和视频,支持网络文件和本地文件,如果文件时本地文件,builaction设置为content

mediaElement1.AutoPlay = true;
          mediaElement1.Source = new Uri("/vedio/my girl - 爱上鲨鱼的人鱼.mp3", UriKind.RelativeOrAbsolute);
          mediaElement1.Volume = 10;
          mediaElement1.Position = TimeSpan.FromMilliseconds(0);
          mediaElement1.Play();

代码下载:http://vdisk.weibo.com/s/2P2EX

 摘自 麻将我会