1. <div id="f8mbs"></div>
        您好,歡迎來到源碼搜藏網!分享精神,快樂你我!
        [加入VIP] 設為首頁 | 收藏本站 | 網站地圖 | Sitemap | TAG標簽
      2. 首 頁
      3. 在線工具
      4. jquery手冊
      5. 當前位置:首頁 > 安卓源碼 > 技術博客 >

        如何創建Xamarin Android Single View應用程序將詳細介紹

        時間:2018-08-08 23:17 來源:互聯網 作者:源碼搜藏 瀏覽:收藏 挑錯 推薦 打印

        在本文中,我們將詳細介紹如何創建Xamarin Android Single View應用程序。 您可以將Xamarin應用程序開發為Xamarin.Forms for Cross Platform,或者您可以使用Xamarin.iOS和Xamarin.Android為Android和IOS開發本機應用程序。在本文中,我們將看到如何為Androi

        在本文中,我們將詳細介紹如何創建Xamarin Android Single View應用程序。您可以將Xamarin應用程序開發為Xamarin.Forms for Cross Platform,或者您可以使用Xamarin.iOS和Xamarin.Android為Android和IOS開發本機應用程序。在本文中,我們將看到如何為Android創建本機應用程序我們選擇了Xamarin Android for Single View App。

        在這個移動應用程序中我們將看到

        • 使用TextClock顯示當前時間
        • 創建通知以顯示單擊計數
        • 將音樂(MP3)文件添加到資源
        • 添加MP3文件播放歌曲
        • 停止歌曲
        • 增加移動量
        • 減少移動量

        如何創建Xamarin Android Single View應用程序將詳細介紹

        在這個移動應用程序中,我們將添加TextClock以顯示當前時間和五個按鈕。在第一個按鈕點擊事件中,我們將在頂部顯示通知,點擊按鈕計數。在第二個按鈕點擊事件中,我們將使用來自資源的添加的mp3播放歌曲。在第三個按鈕單擊中,我們將停止播放該歌曲。在第四個按鈕單擊中,我們可以增加播放歌曲的音量。在第五個按鈕單擊中,我們可以減少聲音的音量。

        背景

        確保已安裝計算機中的所有先決條件。如果沒有,則逐個下載并安裝所有內容。

        1. 首先,從此鏈接下載并安裝Visual Studio 2017 

        確保已使用.NET安裝Mobile開發

        如何創建Xamarin Android Single View應用程序將詳細介紹

        使用代碼

        步驟1:創建Xamarin   

        安裝Visual Studio 2017后,單擊“開始”,然后單擊“程序”,選擇“  Visual Studio 2017”  - 單擊“  Visual Studio 2017”單擊New,然后單擊Project,選擇Visual C#和Android,然后選擇  Single-View App(Android)輸入您的項目名稱并單擊 

        如何創建Xamarin Android Single View應用程序將詳細介紹

        第2步:Xamarin Android項目結構

        如何創建Xamarin Android Single View應用程序將詳細介紹

        參考文獻:

        References有默認的.Net程序集,如System,System.core和Xamarin Android,最重要的參考是Mono.Android,默認情況下,我們可以在圖像中看到這個引用。此Mono.Android參考將用于與我們的C#代碼和Android API進行交互。

        主要活動:

        如何創建Xamarin Android Single View應用程序將詳細介紹

        在我們的.Net應用程序中默認運行Main方法,我們的應用程序將開始執行,但在Android應用程序中我們有活動集合,每個活動將用于單個視圖,當我們創建Xamarin Android應用程序時創建默認情況下為MainActivity.cs。在這里,我們將使用此活動來運行我們的應用程序。所有活動都將繼承自Activity類,因為當我們打開MainActivity.cs文件時,我們可以看到它。在我們的MainActivity中,我們可以設置運行App時需要顯示的視圖。在這里我們可以看到默認情況下我們可以看到主視圖已添加到SetContentView。

        當我們有多個Activity時,如何設置默認的Main Activity?

        正如我們告訴你的那樣,在我們的Xamarin.Android應用程序中,我們可以有多個Activity,并且在運行App時需要默認顯示一個主Activity。如果我們有多個活動,并且如果我們需要將其他活動設置為主要活動,那么我們可以將活動代碼的頂部設置為該活動的“MainLauncher = true”,而將其他活動設置為false。

        您還可以從活動中為您的應用設置標簽(標題),這里我們將標題設置為“Shanu Music App”,我們也可以為應用設置Icon。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        活動生命周期:

        OnCreate() - >創建活動時

        OnStart() - >當Activity啟動時

        OnResume() - >當Activity開始與用戶交互時調用。

        OnPause() - >用戶看不到活動(在后臺工作)

        OnStop() - >活動不適用于用戶

        OnDestroy() - >在銷毀活動之前

        在我們的演示中,我們默認使用OnCreate(),我們將使用它來顯示我們的視圖,當應用程序運行時,按鈕單擊事件可以執行我們所需的操作。

        視圖:

        活動和視圖是Xamarin Android App的重要組成部分。我們看到Activity用于顯示我們的View并為事件編寫代碼,View用于設計我們的App。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        視圖將位于資源和布局文件夾中我們可以看到默認情況下Main.axml將添加到我們的布局文件夾中。該視圖將作為“axml”文件及其純粹的XML代碼。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        當我們打開Main.axml文件時,我們可以看到Designer和Source部分。我們可以根據需要添加控件作為拖放工具箱,并設計我們的Android應用程序。當我們點擊Source部分時,我們可以看到在XML代碼中添加到我們App的控件,如下所示。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        Values / Strings.XML

        我們可以看到在我們的Button文本中,標題被添加為“android:text =”@ string / hello“,這里”=“@ string / hello”表示文本將從Strings.XML加載

        如何創建Xamarin Android Single View應用程序將詳細介紹

        hello的字符串將添加到Resources \ Values \的Strings.XMl中

        我們可以根據需要更改或添加字符串

        如何創建Xamarin Android Single View應用程序將詳細介紹

        Resource.Designer

        我們在View中添加的控件或我們在String.XMl文件中添加的文本等所有資源都將在解決方案的Resource.Designer文件中使用唯一編號生成。 

         

        希望您對使用Xamarin Android App有一些基本的了解,現在讓我們專注于如何添加更多控件來制作我們簡單的音樂應用程序。

        第3步:使用代碼

        使用TextClock顯示時間

        我們將TextClock控件添加到我們的應用程序并使用以下代碼進行設計,這里我們將格式設置為12小時并設置字體大小和顏色。

        <TextClock xmlns:p2="http://xamarin.com/mono/android/designer-default"
        
                android:format12Hour="hh:mm:ss a"
        
                android:layout_width="match_parent"
        
                android:layout_height="47.5dp"
        
                android:id="@+id/textClock1"
        
                android:gravity="center_horizontal"
        
                android:textColor="#ffccff"
        
                android:textSize="40sp"
        
                android:layout_marginBottom="4.5dp" />

        當我們運行應用程序時,我們可以看到模擬器中的輸出,因為時間將顯示在我們的應用程序中,時間將自動顯示當前時間和秒。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        顯示通知

        現在我們將添加一個按鈕,在按鈕中單擊事件,我們將在頂部顯示通知,用戶沒有點擊按鈕的時間。

        <Button
        
                android:id="@+id/myButton"
        
                android:layout_width="match_parent"
        
                android:layout_height="wrap_content"
        
                android:text="@string/hello"
        
               android:background="@android:drawable/alert_dark_frame" />

        我們需要將Xamarin.Android.Support v4包添加到我們的APP中。右鍵單擊解決方案,然后單擊Manage NUGet Package并搜索Xamarin.Android.Support.v4并單擊install。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        我們可以看到新的Xamarin Android支持dll已添加到我們的項目中。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        現在,我們將在MainActivity.cs文件中為上述設計創建按鈕單擊事件。首先,我們將以下引用導入MainActivity.cs文件

        using Android.Support.V4.App;
        using Android.Support.V4.View;
        using Java.Interop;
        using Android.Views.Animations;

        在MainActivity .cs onCreate方法中,我們將創建按鈕單擊事件以在我們的移動設備中顯示通知消息。為此我們為NotificationCompact創建對象,我們為Notification消息設置Title和Text,在Text中我們也設置設置計數器值以顯示從通知中單擊按鈕的次數。

        Button btn = FindViewById<Button>(Resource.Id.myButton);
        
                    btn.Click += delegate {
                        var notification = new NotificationCompat.Builder(this)
                                    .SetContentTitle("Shanu - Notifications")
                                    .SetContentText("Clicked " + count++ + " times!")
        
                                    .SetSmallIcon(Android.Resource.Drawable.DialogFrame)
                                    .SetGroup("testGroup").Build();
        
                        var manager = NotificationManagerCompat.From(this);
                        manager.Notify(1, notification);
                        btn.Text = "Check Notification!";

        代碼看起來像這樣。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        通知輸出:

        當我們運行應用程序時,我們可以使用Button查看模擬器中的輸出。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        當我們點擊按鈕時,我們可以在頂部看到通知,計數值顯示為用戶點擊按鈕的時間。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        播放歌曲

        首先,我們將我們最喜歡的MP3歌曲添加到我們的資源文件夾中,對于這個簡單的演示,我們添加了一個要播放的mp3文件。

        創建原始文件夾

        如何創建Xamarin Android Single View應用程序將詳細介紹

        我們需要在Resource文件夾中創建一個名為raw的文件夾,我們將把所有mp3文件添加到此文件夾中。要添加mp3文件,請右鍵單擊原始文件夾并添加現有項目,然后選擇需要播放的mp3文件。這里我們在原始資源文件夾中添加了一個mp3文件。

        如何創建Xamarin Android Single View應用程序將詳細介紹接下來為MediaPlayer創建一個對象

        MediaPlayer mp;

        為了添加MediaPlayer,我們將如下引用導入到MainActivit.cs文件中

        using Android.Media;

        現在我們將添加一個按鈕,在按鈕中,單擊事件我們將播放新添加的mp3資源文件中的音樂。
        在我們的Main.axml文件中設計您的按鈕。

        <Button
        
                android:text="Play Song"
        
                android:layout_width="match_parent"
        
                android:layout_height="wrap_content"
        
                android:id="@+id/button1"
        
                android:background="@android:drawable/alert_dark_frame" />

        從我們的MainActivity.cs添加播放歌曲按鈕的按鈕單擊事件,并添加以下代碼來播放您的音樂。 

        // to Play the Song
                Button btn1 = FindViewById<Button>(Resource.Id.button1);
                btn1.Click += delegate
                {
                    mp = MediaPlayer.Create(this, Resource.Raw.Kannalanae);
                    mp.Start();
        
                    btn1.Text = "Song is Playing Now enjoy :)";
                };
        

        播放歌曲輸出:

        當我們運行應用程序時,我們可以看到模擬器的輸出,我們可以在應用程序中看到新添加的播放歌曲按鈕。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        當用戶點擊“播放歌曲”按鈕時,他們可以收聽他們添加的歌曲。

         

        停止歌曲

        為了停止播放歌曲,我們將創建一個新按鈕,在按鈕中,單擊事件我們將編寫代碼以停止播放歌曲。

        現在我們將添加一個按鈕,在按鈕中,單擊事件我們將停止播放音樂。

        在我們的Main.axml文件中設計您的按鈕以停止音樂

        <Button
        
                android:text="Stop Song"
        
                android:layout_width="match_parent"
        
                android:layout_height="wrap_content"
        
                android:id="@+id/button2"
        
                android:background="@android:drawable/alert_dark_frame" />

        添加按鈕單擊事件以停止來自MainActivity.cs的播放歌曲,并添加以下代碼以停止播放音樂。   

        // to Stop Playing  Song
                Button btn2 = FindViewById<Button>(Resource.Id.button2);
                btn2.Click += delegate
                {
                    if (mp != null)
                        if (mp.IsPlaying)
                    {
                        mp.Stop();
                        btn2.Text = "Song Playing Stopped :( ";
                    }
        
                };
        

        停止音樂輸出:

        當我們運行應用程序時,我們可以通過我們的應用程序中新添加的“停止歌曲”按鈕查看模擬器的輸出

         

        當用戶點擊“停止歌曲”按鈕時,播放歌曲將停止。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        增加音量

        為了增加移動設備或模擬器音量,我們將創建一個新按鈕,在按鈕中,單擊事件我們將編寫代碼以增加音量。

        現在我們將添加一個按鈕,在按鈕中,單擊事件我們將編寫代碼以增加音量。

        在我們的Main.axml文件中設計您的按鈕以增加音量

        <Button
        
                android:text="Volume ++"
        
                android:layout_width="match_parent"
        
                android:layout_height="wrap_content"
        
                android:id="@+id/button3"
        
                android:background="@android:drawable/alert_dark_frame" />

        添加按鈕單擊事件以增加MainActivity.cs中的音量,并添加以下代碼以增加音量。這里我們將使用AudioManager并將音量設置為Android.Media.Adjust.Raise

        //Increase the Mobile Volume
                AudioManager audios =    (AudioManager)GetSystemService(Context.AudioService);
        
                Button btn3 = FindViewById<Button>(Resource.Id.button3);
                btn3.Click += delegate
                {
                    audios.AdjustStreamVolume(Android.Media.Stream.Music,
                                 Android.Media.Adjust.Raise, Android.Media.VolumeNotificationFlags.PlaySound);
                };
        

        增加產量:

        當我們運行應用程序時,我們可以在我們的應用程序中看到我們的模擬器的輸出和新添加的Volume ++按鈕,我們可以看到Media卷現在設置為低。

        如何創建Xamarin Android Single View應用程序將詳細介紹

        當用戶單擊音量++按鈕時,音量將緩慢增加,現在媒體音量已設置為其最大音量。

         

        減小音量

        為了減少移動設備或模擬器音量,我們將創建一個新按鈕,在按鈕中,單擊事件我們將編寫代碼以減小音量。

        現在我們將添加一個按鈕,在按鈕中,單擊事件我們將編寫代碼以減小音量。

        在我們的Main.axml文件中設計您的按鈕以增加音量

        <Button
        
                android:text="Volume --"
        
                android:layout_width="match_parent"
        
                android:layout_height="wrap_content"
        
                android:id="@+id/button4"
        
                android:background="@android:drawable/alert_dark_frame" />

        添加按鈕單擊事件以減少MainActivity.cs中的音量,并添加以下代碼以減小音量。這里我們將使用AudioManager并將音量設置為Android.Media.Adjust.Lower

                //Decrease the Mobile Volume
                    Button btn4 = FindViewById<Button>(Resource.Id.button4);
                    btn4.Click += delegate
                    {
            audios.AdjustStreamVolume(Android.Media.Stream.Music,
        Android.Media.Adjust.Lower, Android.Media.VolumeNotificationFlags.PlaySound); 
                    }; 

        體積減少輸出:

        當我們運行應用程序時,我們可以看到我們的模擬器輸出新添加的Volume - 按鈕在我們的應用程序中我們可以看到Media卷現在設置為高。

         

        當用戶點擊音量 - 按鈕時,音量將緩慢下降,現在媒體音量已設置為低音。

        興趣點

        希望您喜歡閱讀本文,下載源代碼并根據您的需要進行更改,很快我們將看到更多與開發Xamarin移動應用程序相關的文章。

        如何創建Xamarin Android Single View應用程序將詳細介紹轉載http://www.rhcg.tw/appboke/38807.html
        標簽:網站源碼
        辽宁十一选五单双