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

第一个Xamarin程序

程序员文章站 2022-06-16 12:57:33
如何安装就不说了,写一下自己写的第一个简单小程序,从网上找到很多Xamarin的例子,都遇到各种错误,很有挫败感,记下来让其他人少走点弯路吧。开发环境:Visual Studio 2019开发语言:c#1、创建新项目:打开Visual Studio 2019,选择Android应用(Xamarin),点击“下一步”,项目名字随便起一个,然后点击“创建”2、默认有四种样式,选择“空白应用”,最低安卓版本选择 Android 8.0,点击“ok”。默认的项目结构如下:主界...

如何安装就不说了,写一下自己写的第一个简单小程序,从网上找到很多Xamarin的例子,都遇到各种错误,很有挫败感,记下来让其他人少走点弯路吧。

开发环境:Visual Studio 2019

开发语言:c#

1、创建新项目:打开Visual Studio 2019,选择Android应用(Xamarin),点击“下一步”,项目名字随便起一个,然后点击“创建”

第一个Xamarin程序

第一个Xamarin程序

2、默认有四种样式,选择“空白应用”,最低安卓版本选择 Android 8.0,点击“ok”。

第一个Xamarin程序

默认的项目结构如下:

第一个Xamarin程序

主界面在Resources/layout/activity_main.xml,默认为RelativeLayout布局,熟悉Android的同学应该感到很熟悉吧,默认内容如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</RelativeLayout>

3、在主界面里面增加一个text,一个image,一个button,代码如下:


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
	<ImageView
		android:src="@drawable/caomei"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_alignParentLeft="true"
		android:layout_alignParentRight="true"
		android:layout_alignParentTop="true"
		android:contentDescription="测试图片"
		android:id="@+id/imageView1" />

	<TextView
		android:text="Text"
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:layout_alignParentLeft="true"
		android:layout_alignParentRight="true"
		android:id="@+id/textView1"
	    android:layout_below="@id/imageView1"/>

	<Button
		android:text="点我测试"
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:id="@+id/button1"
		android:layout_alignParentLeft="true"
		android:layout_alignParentRight="true"
		android:layout_below="@id/textView1"/>
</RelativeLayout>

在Resources/drawable下放入两个图片,caomei.jpg和tanghulu.jpg

第一个Xamarin程序

第一个Xamarin程序

4、在MainActivity.cs中为button增加点击动作:

using Android.App;
using Android.OS;
using Android.Support.V7.App;
using Android.Runtime;
using Android.Widget;
using System.IO;
using System.Threading.Tasks;
using System;
using System.Net;
using Android.Graphics;

namespace App10
{
    [Activity(Label = "@string/app_name", Theme = "@style/AppTheme", MainLauncher = true)]
    public class MainActivity : AppCompatActivity
    {
        int count = 0;

        protected override void OnCreate(Bundle savedInstanceState)
        {
            base.OnCreate(savedInstanceState);
            // Set our view from the "main" layout resource
            SetContentView(Resource.Layout.activity_main);

            // 获取布局中的控件
            Button say = FindViewById<Button>(Resource.Id.button1);
            TextView show = FindViewById<TextView>(Resource.Id.textView1);
            ImageView imageView = FindViewById<ImageView>(Resource.Id.imageView1);


            say.Click += delegate {
                count++;
                show.Text = "Hello, Android";
                say.Text = $"You Clicked {count}";

                imageView.SetImageResource(Resource.Drawable.tanghulu);

                //Toast.MakeText(this, $"You Clicked {count}", ToastLength.Short).Show();
            };

        }
     
    }
}

点击这里编译安装到模拟器或者真机,这些选项是我用Android studio连接以后,这里就出现了的,

第一个Xamarin程序

运行以后的效果是,点击按钮,更换图片,文字,按钮上记录点击次数

第一个Xamarin程序

第一个Xamarin程序

 

源码下载:https://download.csdn.net/download/oYangFann/14158855 

本文地址:https://blog.csdn.net/oYangFann/article/details/112612206