Программирование под windows 10 mobile

A “Hello World” app might not be helpful to users. But it is precious to a developer. Because as Morpheus said: “There is a difference between knowing the path & walking the path.” Making your first app is like walking the path. It clears your doubts and improves your sense of the whole process. It is also a test of the entire system. After all, a working app needs many tools and settings in place. This Windows 10 mobile app development tutorial will follow the same approach.

Our goal is not to solve a complex problem. Instead, we will quickly build a small app with Delphi’s great Windows apps studio. This process will help newbies learn many things fast. Once they are used to the software, they can expand their work. They can stretch the powers of the system to its limits. There is an excellent benefit of Windows 10 development with Delphi. Delphi can not only help you develop Windows 10 app, but you can target many platforms at once. Also, most work will be on Windows. It will make you more productive.

What do we mean by Windows 10 mobile app development?

Just to be clear, we don’t mean a “mobile Windows 10 app”, there’s not really a mobile version of Windows 10 as such although there are some tablet devices which almost bridge the gap. We mean the process of using Windows 10 to create and produce apps for the mobile platforms such as iOS and Android. Those apps can be created using your PC running Windows 10 or an Apple Mac or Linux computer running Windows 10 in a virtual machine. Either way, you can use Windows 10 as your operating system of choice and then target mobile cell phones, tablets and iPads. In this article we’ll explain how to do this and when you need access to additional equipment or software beyond Windows 10.

How is this Windows 10 mobile app development tutorial organized?

This is an easy and brief Windows 10 mobile app development tutorial. Our goal is to let you build your first simple app quickly. The steps involved in the development on Windows are as follows:

1. Install and configure tools for Windows, Android, and Mac.
2. Make a blank Firemonkey app.
3. Add some logic and interaction.
4. Test and run it on Windows PC first.
5. Optimize different views of the app for Android and iOS.
6. Deploy it on Android and test it.
7. Now deploy and check it on iOS and macOS.
8. What to do next. Guides and links to read and learn more.

How to setup my system for Windows 10 mobile App development?

Картинка с сайта: blogs.embarcadero.com

Installing some IDE software is not sufficient. We must set up all three platforms for this Windows 10 mobile app development tutorial. Let us see this setup in detail.

1. How to setup Windows so I can develop mobile apps?

This step is the same as Delphi’s Windows IDE setup. Delphi installs many Windows tools for developers along with the Windows compiler. In addition, Delphi may install many tools and SDKs like Windows SDK, Android SDK, Android NDK, AdoptOpenJDK, etc.

It is better to install Delphi with all the tools and SDKs. It will ensure that your Windows app development tools are ready for mobile apps. However, if you find any part of the Android pre-requisites missing, you can add it through the Feature Manager.

2. How to setup the Android system on my Windows 10 PC?

Delphi installs Android SDK and NDK at the time of installation. You shouldn’t need anything else for Android production. But if you are missing these tools, you might need to install them by running the Feature Manager as mentioned before. Now to run the app on an Android phone:

1. Delphi needs a way to connect with an Android Phone. You may need to install a USB driver for your Android device. For more details, see Install the USB driver for your Android device.
2. The phone should be in developer mode so Delphi can install and debug apps. It is easy to activate developer mode on an android phone. You need to tap on the Build Number seven times. You can find the build number on the About Phone page. It should be inside Settings. See Enable USB debugging on your Android device for more info.
3. Your system should be able to detect your android device. On some systems, it requires installing some drivers. See Configure your system to detect your Android device for details.

Once these things are in place, Delphi can compile, install, run and debug Android apps. See Mobile Tutorial: Set Up Your Development Environment on Windows PC (Android) for details.

3. How to setup my Windows 10 machine for iOS development?

Картинка с сайта: blogs.embarcadero.com

Unlike the Android setup, this one is a bit tricky. iOS setup needs more work because we need a macOS device also. In short, we need to execute XCode. However, XCode execution is only possible on a Mac machine. This is a restriction put in place by Apple. Hence, we need a Mac – either a physical Mac machine or a cloud-based Mac from a service such as MacInCloud. Either way, Embarcadero only supports and recommends iOS and macOS development using a genuine physical Apple computer or an authorized virtual cloud provider.

Contrast it with Android development. Android SDKs are available for Windows. Delphi can execute them, which makes things simple and fast. So, our two steps for iOS setup will be as follows:

1. How do I setup the Mac environment so I can develop iOS apps on Windows 10?

Now the situation is like this. Delphi is running on Windows PC. So, it will connect to the PAServer. PAServer helps deploy, run and debug applications remotely. Thus, to set up a Mac ready for iOS development:

1. You need macOS installed on a computer. For full details, you can see How To Build iOS Apps Without A Mac.
2. Also, you need suitable versions of iOS SDK, XCode, and XCode command line tools. PAServer will run command line tools to build the app.
3. You need to sign up for the Apple developer program membership.
4. Also, you need an iOS device connected to the Mac through a USB. An iOS simulator might do the task but having a physical device will be better.
5. And finally, you need The Platform Assistant Server (PAServer) running on macOS. PAServer is a command line tool. You can install it for remote work. It is available for Windows, macOS, and Linux. The network of remote PAServer and your development machine should be the same. Delphi can interact with the PAServer. PAServer can compile and run programs for you. For example, On a macOS, PAServer will run XCode command line tools to compile iOS apps. Thus you can run and debug these apps. For more info, see The Platform Assistant Server Application.

For more information, see this Windows 10 mobile app development tutorial.

2. How to setup the Windows PC environment so I can develop iOS apps on Windows?

We need to set up a connection profile for connection to PAServer. Once you set it up, you can build apps for iOS.

How to create A new multi-device Application?

Картинка с сайта: blogs.embarcadero.com

Now that our Windows application development tools are in place, we can build our first app. Delphi has two frameworks for building apps. VCL (Visual Component Library) is older, making Delphi an excellent native Windows development tool. However, it is usable for Windows development only.

Firemonkey is the new framework. It is not only a great Windows software maker. But, it also allows cross-platform development. Thus, we need to use Firemonkey for building mobile apps.

1. Build an App

• Start a new multi-device application. (Click File > New > Multi-Device Application)
• Choose the Blank Application template. Press the OK button.
• Save the project to a new folder. (Click File > Save All)
• Put a button component on the form from the component palette. (Click Standard Tab > TButton)
• Add some code for On Button Click Event. (Double click on the button). It will take you inside the code window.
• Write this text. ShowMessage(‘Hello World’);

1. Run On Windows

• Run the app (Press F9)
• Congratulations. You have made your first mobile app.

1. Run On Android

• Now attach an Android phone with the PC.
• Select Android Build
• Press F9

1. Run on iOS

• Make the iOS system ready, as stated above.
• Select iOS build
• Press F9

What are components and how to use them?

Ease of use of Windows UI toolkit is also an edge for Windows program development. To add some visual service, we need to add some components. Components are pre-built code that is ready to use. For example, we will place a button component on our main form. The user will be able to click this button. On mobile, instead of clicking, the tapping option will be available.

How to use event handlers?

We need to provide some reaction when a user clicks a button to develop Windows software. Event handlers make this feature possible. Inside button events, there is an option OnClick event. We write our code inside this event handler. When the user clicks on this button, it will execute our code.

Why should we fine-tune different views?

Doing Windows 10 app development, we may go with the default single view for all platforms. This view is ok for such a simple application. But in the future and for complex applications, we need to optimize different views for different platforms. It will make them look and feel more native. Also, adjusting to different screen sizes will be better.

How to test my iOS or Android App on Windows?

Here comes a great benefit of the Windows 10 apps development process with Delphi. Now that our application is ready, we will test it on Windows first. It is easier because most of the logic is the same for a multi-device application. Thus, when it is ready on Windows, it will also be ready for other platforms. However, if we test it on Android and iOS together, it will increase development time.

How to deploy and test an app on mobile platforms?

Once our app works fine on Windows, we can deploy and test drive it on Android. We already have our phone ready and attached to the PC. Select the desired target device and click “run”. Delphi will compile and install it on the attached Android phone. Now we can start using it instantly on Android.

Similarly, we can build and run it on an iOS device. Our iOS device should be ready as described above. So, we can compile and run it on iOS. If you have any difficulty, here is a good webinar on Everything You Need to Create iOS Cross-Platform Apps

What other things can we learn in this Windows 10 Mobile App development tutorial?

Картинка с сайта: blogs.embarcadero.com

Now that you have a functional mobile app, you can start experimenting and expanding it. Here are some pointers you can use to do it.

1. Apply different visual themes to your app

In Delphi Firemonkey, these themes are called styles. Therefore, you can apply different themes quickly by using different styles. For more info, see Customizing FireMonkey Applications with Styles.

2. Select other templates and use the Low Code Wizard

We used a blank template to start our first app. Because it is the easiest one to understand, its features are also minimal. Later on, You can choose other templates and make apps with them. They have a lot of pre-built code in them. It will save you time. Please make yourself familiar with all templates and their usage in different scenarios. Also, the Low Code App Wizard for Delphi can create a fully working app for you in no time.

3. Explore some full-source applications

First, watch mobile app development tutorials. Then browse the Delphi sample apps. Samples are an excellent place to learn from original code. Once you know them, there are hundreds of apps available online. In addition, complete source code is available. Each one shows a different aspect of mobile development.

4. Expand your learning

You can expand your lifelong journey as a developer. Read different books. You can watch tons of videos available. But, of course, it is not possible to watch all videos. So only see those that are either interesting to you or which solve the problem at hand.

Nevertheless, you should know the kind of videos and helping material available. Thus at the time of need in a project, you can quickly consult them. See 8 Go-To Resources About Development On Windows for learning resources.

Do you want to build your first mobile app tonight?

Картинка с сайта: blogs.embarcadero.com

The mobile app world is very charming. Being a mobile app developer can be an exciting journey. There are many IDE tools for Windows 10 available. You can start your first mobile app tonight. Just Download Delphi For Free to create mobile apps now.

From Scooter Software, this Beyond Compare download on the next article will allow you and your organization to compare and reconcile files or system drives in a more agile manner.

Предисловие

Телефоны на Windows 10 Mobile появились с существенной задержкой относительно Android и iOS, пообещав за потерянное время лучшие возможности. Обещание оказалось пустым, а ведь это был ключевой момент в развитии Windows, как универсальной системы для всех устройств. Более того, приложения в Windows 10 остаются настолько инородными, что даже спустя столько лет существования Microsoft Store остаётся в разы беднее App Store и Google Play.

Тем не менее, говорить о том, что умение разрабатывать приложения для Windows 10 бесполезно – преждевременно. Во-первых, у Microsoft есть желание в 2017-2018 году запустить серию мобильных телефонов под линейкой Surface, рассчитанную на бизнес-аудиторию, то есть занять нишу, освобождённую после ухода с рынка BlackBerry.

Во-вторых, даже с учётом неизменного падения рынка смартфонов на WM, на компьютерах Windows по-прежнему доминирует, да и HoloLens обещает подогреть интерес. В-третьих, полупустой, но всё же общий магазин приложений предполагает куда большие возможности по привлечению аудитории.

В общем, пускай разработчики приложений для Android и iOS будут сегодня чуть больше востребованы, зато у их коллег, работающих на благо Windows, есть возможность стать настоящим мессией, которая спасёт всю платформу. И вот краткий путеводитель по тому, что как минимум для этого надо изучить.

Знакомство

Первым делом поближе познакомьтесь со универсальной платформой для приложений, которая с этого места будет носить своё официальное название – Universal Windows Platform или просто UWP. Появилась она ещё во времена Windows 8, а сегодня обросла всеми необходимыми удобствами. Концепция хоть и носит лозунг «одно приложение для всех устройств», но для хорошего приложения ориентироваться на отдельный тип всё-таки придётся. В общем, все возможности и ограничения UWP вы узнаете если прочитаете официальный релиз от Microsoft:

Введение в работу с универсальной платформой Windows

Язык

В информационном листе Microsoft вы можете найти следующую фразу: «Вы можете создавать приложения UWP на тех языках программирования, с которыми вы знакомы лучше всего…». Фактически, это не совсем так. Вам на выбор предлагаются 4 из них: C#, Visual Basic, C++ и JavaScript. Безусловно, это лучше, чем строгое ограничение, но универсальностью это назвать затруднительно.

Кстати, справочники по всем четырём языкам можно найти непосредственно на сайте Microsoft или просто нажав на предоставленные ссылки. Также на нашем сайте вы можете пройти бесплатный интенсив по основам языка C#.

Программное обеспечение

Главное детище Microsoft, ориентированное на разработчиков приложений для всевозможных платформ – Visual Studio. Скачать его можно также с официального сайта, выбрав подходящую версию. Как с ним работать, какие в вашем распоряжении могут быть инструменты, а главное куда надо нажимать, вы узнаете из руководства. Обязательным для скачивания будет и пакет SDK. На этой же странице вы найдёте всю интересующую информацию по работе с ним.

Есть и альтернативный вариант создания приложения для Windows 10 для тех, кому окунаться в мир Visual Studio немного рано. Знакомьтесь, Windows App Studio. Фактически, это конструктор приложения с набором шаблонов, который поможет быстро визуализировать вашу идею.

Оформление

Как и положено уважаемой компании, Microsoft выпустил для своих разработчиков достаточно подробное руководство по оформлению приложений UWP. Здесь вы найдёте ответы на все интересующие вопросы: от типовых размеров экрана до описания командных элементов, от стандартных цветов до шаблонов Adobe Photoshop и Illustrator.

Разработка приложения

В руководстве по разработке приложений UWP вы без проблем отыщите информацию о том, как задействовать в вашем приложении встроенные функции Windows и непосредственно используемое «железо», как отладить и протестировать ваше детище. Инструкции подробные и иллюстрированные, поэтому разобраться в них не составит труда, даже если у вас совсем отсутствует опыт разработки приложений.

Публикация

Финальным этапом разработки является публикация приложения в магазине. Для этого сначала придётся завести учётную запись разработчика (хотя завести её вы должны были ещё на стадии скачивания ПО), затем выбрать имя, установить роли и разрешения, задать цену, возможности скачивания, категорию, создать описание, после чего непосредственно загрузить ваши коды в магазин. Чуть более подробно о всей процедуре можно прочитать в соответствующем разделе.

Здесь же вы найдёте информацию относительно того, как повысить популярность и производительность приложения, как выводить деньги, какие условия сотрудничества с Microsoft и так далее.

Литература

В конце перечислим несколько популярных книг и ресурсов, которые помогут создать идеальное приложение для Windows:

Windows 10 Development for Absolute Beginners – как понятно из названия, эта книга посвящена желающим создать своё первое приложение именно на Windows 10;

Building Windows 10 Applications with XAML and C# Unleashed (2nd Edition), Adam Nathan – и вновь название книги красноречиво отражает её содержание;

Real World Windows 10 Development, Edward Moemeka, Elizabeth Moemeka – полноценный гид по разработке приложения для Windows 10, начинающийся с обзора самой ОС, её преимуществ и недостатков, и завершающийся верификацией и выгрузкой созданного вами объекта;

Location Intelligence for Windows Store apps, Ricky Brundritt – подробное руководство по разработке приложений для Windows. Посвящена 8 части ОС, поэтому периодически необходимо сверяться с официальной документацией, что ничуть не снижает ценности данной литературы;

Windows Store Apps Succinctly – в книге довольно обще описается жизненный цикл Windows-приложения и куда подробнее – сторонних функций и инструментов;

Форум разработчиков Windows – задать вопросы и обсудить насущные проблемы разработки;

A Developer’s Guide to Windows 10 – часовой видеоурок, который поможет разобраться во всех тонкостях;

Начало работы. Первое приложение

Последнее обновление: 12.11.2017

Итак, начнем работу с Universal Windows Platform и создадим первый проект. Для этого откроем Visual Studio 2017 и в меню выберем пункт
File->New->Project…. Перед нами откроется окно создания нового проекта:

Картинка с сайта: metanit.com

В этом окне нам надо выбрать для языка C# выбрать шаблон Blank App (Universal Windows).
Внизу окна установим путь к проекту и дадим имя проекта, например, HelloApp. И нажем на кнопку OK.

После этого нам отображается с выбором тех версий SDK, на которые будет ориентировано приложение:

Картинка с сайта: metanit.com

Как правило, эти версии отражают глобальные обновления ОС Windows, например, Creators Update, Anniversary Update и т.д. В качестве опции
Target Version (целевой среды приложения) рекомендуется устанавливать последнюю доступную версию SDK, которая обычно уже установлена по умолчанию.
При выборе минимальной версии следует учитывать, что выбранное значение задает минимальную версию платформы UWP, с которой проект может работать.

Оставим данные опции по умолчанию и нажмем на OK. И Visual Studio создает новый проект:

Рассмотрим все узлы, из которых состоит проект:

• AssemblyInfo.cs: файл кода на c#, который устанавливает информацию о сборке приложения

• Default.rd.xml: файл, который содержит директивы .NET Native — технологии, которая позволяет компилировать код C# в машинный код

• References: стандартный узел с подключенными библиотеками

• Assets: предназначен для хранения различных ресурсов приложения. По умолчанию здесь несколько файлов изображений

• App.xaml и App.xaml.cs: главный файл приложения с кодом XAML и связанный с ним файл кода C#. Они устанавливают
  некоторую общую логику, общие ресурсы для всего приложения

• HelloApp_TemporaryKey.pfx: временный ключ, которым подписываются приложения во время запуска на локальном компьютере разработчика

• MainPage.xaml и MainPage.xaml.cs: файлы главной страницы приложения — графическое представление в виде кода XAML и логика в виде
  кода C#

• Package.appxmanifest: файл манифеста, устаналивающий различные настройки приложения

Теперь сделаем простейшее приложение. Визуально приложение UWP представлено через страницы — отдельные объекты Page. По умолчанию в проекте есть
только одна страница — MainPage. Код этой страницы и определяет то, что мы увидим на экране при запуске приложения. И теперь немного изменим ее.

Итак, откроем файл MainPage.xaml:

Картинка с сайта: metanit.com

Снизу у нас окажется разметка на языке XAML — языке для декларативного определения графического интерфейса, а сверху визуальное представления кода XAML
в виде прямоугольника, представляющего окно приложения.

Внесем небольшие изменения. Изменим код XAML на следующий:

<Page
    x:Class="HelloApp.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:HelloApp"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock Text="Hello World!" FontSize="30" />
    </Grid>
</Page>

Суть сделанных нами изменений состоит в том, что мы добавили элемент <TextBlock Text="Hello World!" FontSize="30" /> — обычную текстовую метку с надписью
«Hello World!». И чтобы сделать текст крупным, у текстовой метки устанавливается шрифт высотой в 30 единиц. После изменения также должны произойти автоматические изменения в визуальном представлении:

Картинка с сайта: metanit.com

Теперь запустим проект на выполнение, нажав на F5. И у нас отобразиться такое вот окошко, представляющее MainPage:

Картинка с сайта: metanit.com

При запуске это приложение устанавливается на рабочий компьютер разработчика, и мы можем найти его в меню Пуск и оттуда запускать:

Запуск на Windows 10 Mobile

Также мы можем развернуть и простестировать приложение на мобильном устройстве под управлением Windows 10 Mobile. Но для этого надо подключить мобильное устройство
к компьютеру с помощью кабеля USB, а на самом смартфоне
установить режим разработчика на телефоне можно, перейдя в Параметры ->
Обновление и безопасность -> Для разработчиков и выбрав пункт «Режим разработчика»:

Рассуждения о выдыхающемся рынке смартфонов на фоне падающих продаж имеют под собой некоторые основания: судя по всему, современная эра смартфонов, начатая iPhone и на развитии заложенного в него потенциала идей построенная, подходит к концу. Но это не конец эпохи в полном смысле слова, а лишь назревающий эволюционный переход в цепочке телефон → мобильный телефон → смартфон → смарт(?). Скорее всего, на следующем этапе это будет уже никакой не «фон», и огромное количество специфических и неотъемлемых на сегодняшний день могут оказаться вынесены за его пределы (как, например, память) или просто настолько измениться (как, например, способы ввода и вывода), что оперировать привычными сейчас категориями вроде дисплея нет смысла. За вычетом всех возможных «переменных», в попытке оставить только самый минимум необходимого, у меня получилось 4 условия: Портативное Персональное Коммуникационное Вычислительное Устройство. Но важнее тут не то, что обеспечит связность поколений, сколько то, что даст этому устройству новое качество, которое и позволит говорить о следующем этапе эволюции.

И одна из самых перспективных и оформленных идей «нового качества», отлично вписывающаяся в эти четыре параметра — это, на самом деле, давно и хорошо известная идея запихнуть полную функциональность мощного ПК в форм-фактор смартфона. Плюс этого варианта в том, что его ценность довольно очевидна, в отличие от движения по пути AR или VR-мутации, которое добавляет необходимую дополнительную неизвестную — создание некой VR или AR-фичи, которая станет абсолютным must have, оправдывающим развитие, сфокусированное на реализации её возможностей.

Тогда как уже понятных преимуществ, которые даст переизобретение ПК в формате смарта, достаточно, чтобы активно за это болеть.

Предыдущая запись: «Куда расти смартфонам».