ShareLinkTaskを使ったSNSでのリンク共有とHubTileのサンプル

2011年11月21日(月)
PROJECT KySS

Windows Phone OS 7.1からShareLinkTaskランチャーを使ってソーシャルネットワーク(SNS)上でリンクの共有が可能になりました。今回はShareLinkTaskランチャーを使ったサンプルと、「Windows Phone Toolkit - August 2011 (7.1 SDK)」で追加されたHubTileを使って、「HubTileで星座占いを表示する」サンプルを紹介します。

Windows Phone Toolkit - August 2011 (7.1 SDK)は下記URLよりダウンロードできます。
→参照:Silverlight for Windows Phone Toolkit - Aug 2011.msi

最初は、ShareLinkTaskを使ったサンプルの紹介です。

ShareLinkTaskを使ってSNSでリンクを共有する

まずは、このプログラムで実装する機能の動作を、下記に解説しておきます。

VS2010からデプロイ先に「Windows Phone Device」を選択して、「デバッグ(D) /デバッグ開始(S)」と選択します。プログラムが実機(IS12T)にデプロイされます。

「タイトル」、「リンク先」、「メッセージ」の入力ボックスが表示されます。内容を入力し[OK]ボタンをタップします。「リンクの投稿」画面が表示されますので、[書き込む]アイコンをタップします。Facebookに結果が反映されます。

図1:入力した内容がリンクを伴ってFacebookに反映されている。Windows Phoneからの書き込みを表すアイコンが表示されている(クリックで拡大)

サンプル一式は、会員限定特典としてダウンロードできます。記事末尾をご確認ください。

プロジェクトの作成

VS 2010のメニューから[ファイル(F)/新規作成(N)/プロジェクト(P)]を選択します。次に、「Windows Phone アプリケーション」を選択して、「名前(N)」に任意のプロジェクト名を指定します。ここでは「WP71_ShareLinkTask」という名前を付けています。Windows Phoneのバージョンは7.1を選択します。

MainPage.xamlの編集とコントロールの追加

x:NameがPageTitleというTextBlockのTextプロパティに「ShareLinkTask」と指定します。ツールボックスから項目名になるTextBlockコントロールを3個、入力ボックスになるTextBoxコントロールを3個、Buttonコントロールを1個配置します。「メッセージ」を入力するTextBoxのプロパティの[テキスト]パネルにあるTextWrappingプロパティにWrapを指定して文字の回り込みを可能とします。また[その他]パネルにあるAcceptsReturnプロパティのチェックを付けて改行の入力を可能としておきます。ButtonのContentプロパティには「OK」と指定します(図2)。

図2:各コントロールを配置した(クリックで拡大)

日本語表示設定

Windows Phone 7.1 SDK 日本語版では、フォントの設定なしにアプリケーションを実行し、タイトルやテキストに日本語を使った場合、日本語フォントが使われないで変な表示になってしまうことがあります。これを解消するには、書き出されるXAMLコードのアプリケーションのトップである要素内に、
Language="ja-JP"
と指定しておきます。

これで、ページ内の全てのコントロールに対して有効になります。ただしページごとに設定が必要です。また、ページ全体ではなく、コントロールごとの設定も可能です。

書き出されるXAMLは省略します。

次に、MainPage.xamlを展開して表示される、MainPage.xaml.vbをダブルクリックしてリスト1のコードを記述します。

ロジックコードを記述する

リスト1 (MainPage.xaml.vb)

Option Strict On

ランチャーやチューザーに関するクラスの含まれる、Microsoft.Phone.Tasks名前空間をインポートします。
Imports Microsoft.Phone.Tasks
Partial Public Class MainPage
  Inherits PhoneApplicationPage

  ' コンストラクター
  Public Sub New()
    InitializeComponent()
  End Sub

[OK]ボタンがクリックされた時の処理

「リンク先」にきちんとURLが入力されていた場合は、新しいShareLinkTaskのインスタンスmyShareLinkTaskオブジェクトを生成します。ShareLinkTaskランチャーには、ソーシャルネットワーク(SNS)上で、ユーザーがリンクの共有を可能にするダイアログボックスを起動するコードが含まれています。
Titleプロパティには共有するリンクのタイトルを指定します。LinkUriプロパティには、リンクを共有するダイアログを表示する、リンクのURIを指定します。Messageプロパティには、共有されるメッセージを指定します。ShowメソッドでOSの持っている「リンクの投稿」画面を起動します。「リンクの投稿」画面には入力した内容が表示されています。
「リンク先」が未入力の場合は警告メッセージを表示して処理を抜けます。
  Private Sub Button1_Click(sender As Object, e As System.Windows.RoutedEventArgs) Handles Button1.Click
    If linkTextBox.Text <> String.Empty Then
      Dim myShareLinkTask As New ShareLinkTask
      With myShareLinkTask
          .Title = titleTextBox.Text
          .LinkUri = New Uri(linkTextBox.Text, UriKind.Absolute)
          .Message = messageTextBox.Text
          .Show()
      End With
    Else
      MessageBox.Show("URLを入力してください。")
      Exit Sub
    End If
  End Sub
End Class
  • 「ShareLinkTaskを使ったSNSでのリンク共有」サンプルプログラム

  • 「HubTileを使って星座占いを表示する」サンプルプログラム

四国のSOHO。薬師寺国安(VBプログラマ)と、薬師寺聖(デザイナ、エンジニア)によるコラボレーション・ユニット。1997年6月、Dynamic HTMLとDirectAnimationの普及を目的として結成。共同開発やユニット名義での執筆活動を行う。XMLおよび.NETに関する著書や連載多数。最新刊は「Silverlight実践プログラミング」両名とも、Microsoft MVP for Development Platforms - Client App Dev (Oct 2003-Sep 2012)。http://www.PROJECTKySS.NET/

連載バックナンバー

Think ITメルマガ会員登録受付中

Think ITでは、技術情報が詰まったメールマガジン「Think IT Weekly」の配信サービスを提供しています。メルマガ会員登録を済ませれば、メルマガだけでなく、さまざまな限定特典を入手できるようになります。

Think ITメルマガ会員のサービス内容を見る

他にもこの記事が読まれています