Image URL

URL(Uniform Resource Locator) を指定してホームページから画像を取得します。

前田稔の超初心者のプログラム入門

プログラムの説明

  1. Windows10 & Visual Studio 2017 で新規プロジェクトを作成します。
    MainPage.xaml のデザイン画面を表示して、ツールから Image を張り付けます。
    Image のプロパティから Width=270, Height=90 に設定して下さい。
    詳細は C# Store Application を参照して下さい。
  2. MainPage.xaml を修正します。
    "image" の名前で画像を設定するので x:Name="image" を確認して下さい。
    Image サイズが 270, 90 に設定されています。
        <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
            <Image x:Name="image" HorizontalAlignment="Left" Height="90"
          VerticalAlignment="Top" Width="270" Margin="147,118,0,0" />
        </Grid>
    
  3. MainPage.xaml.cs の Constructor から私のホームページの画像を呼び出します。
    BitmapImage bi; を定義します。
    bi に cs.jpg をロードします。
    "http://www.eonet.ne.jp/~maeda/image/cs.jpg" は、私のホームページの画像です。
    image.Source = bi; で Image コントロールに画像を設定します。
        Windows.UI.Xaml.Media.Imaging.BitmapImage bi;
        public MainPage()
        {
            this.InitializeComponent();
            bi = new Windows.UI.Xaml.Media.Imaging.BitmapImage(new Uri("http://www.eonet.ne.jp/~maeda/image/cs.jpg")); 
            image.Source = bi;
        }
    
  4. メニューの[デバッグ]から[デバッグ開始]でコンパイル&実行すると画像が描画されます。

超初心者のプログラム入門(C# Frame Work)