Tag Archives: mobile

Xamarin – User interaction with image views

It’s sometimes the simplest of things I tend to overlook when debugging.

While recently working on one of my company’s mobile apps, I came across an issue which had me stomped for a good 30 minutes before realizing how easy it was to resolve.

Part of the work involved creating custom views in our app to display mobile ads.  UIImageViews to be exact.  This view contains a full screen image, and a close button at the top right of the view to dismiss the ad.  Simple, right!  Well, the problem was no matter what I did, the close button did not respond to any touch events.

As you can see from the code sample below we’ve taken the route of using C# to create some of our views.  Here is what the constructor of the subclassed UIImageView looked like before solving the problem.

public FullPageAdView(float adWidth, float adHeight, Ads ads) : base(new RectangleF(0, 0, adWidth, adHeight))
{
if (ads == null)
throw new ArgumentException("Mobile Ads are missing");

MobileAds = ads;
closeButton = UIButton.FromType(UIButtonType.Custom);
closeButton.SetImage(UIImage.FromBundle(“RedCloseButton.png”), UIControlState.Normal);
closeButton.SetImage(UIImage.FromBundle(“RedCloseButtonClicked.png”), UIControlState.Selected);
closeButton.TouchUpInside += OnCloseButtonClicked;
AddSubview(closeButton);

}

We’ve properly registered the TouchUpInside button event and added the button to our custom view.  Should just work right…NOPE!  Turns out many of the controls in UIKit, including UIImageView, do not have touch enabled by default.  It has to be turned on as you can see in the snippet below.


public FullPageAdView(float adWidth, float adHeight, Ads ads) : base(new RectangleF(0, 0, adWidth, adHeight))
{
if (ads == null)
throw new ArgumentException("Mobile Ads are missing");

MobileAds = ads;
closeButton = UIButton.FromType(UIButtonType.Custom);
closeButton.SetImage(UIImage.FromBundle(“RedCloseButton.png”), UIControlState.Normal);
closeButton.SetImage(UIImage.FromBundle(“RedCloseButtonClicked.png”), UIControlState.Selected);
closeButton.TouchUpInside += OnCloseButtonClicked;
AddSubview(closeButton);
this.UserInteractionEnabled = true;
}

If you are using Xcode to create your image view, here is what the option looks like (borrowed image from here).

image1

And there you have it. Simple solution to a simple problem.

I hope this saves someone else the hassle and time I spent in resolving this issue.

Happy Xamarin trails!

Advertisements
Tagged , , , , ,

Xamarin App Rejected – Position Independent Executable

Recently, my Xamarin mobile app was rejected from the App store with the following error.

Non-PIE Binary – The executable ‘appname.app’ is not a Position Independent Executable. Please ensure that your build settings are configured to create PIE executables.

Turns out Apple recently introduced an extra step in the build process , which now requires your app to be built as Position Independent Executable (PIE).  Position Independent Executable (PIE) applications can be loaded at a random memory address when run. This has security benefits for your application. iOS 4.3 or later, and OS X 10.7 or later, fully support PIE executables.

Fortunately, Xamarin has also updated their framework to support building applications as PIE.  You can find this update via the Beta Channel, Xamarin iOS 6.3.7 to be exact.  So any native executable is now built as PIE by default.

I hope anyone who runs into the PIE issue finds this helpful.

Tagged , , ,

Cross-Platform Mobile Development

With a plethora of options for building mobile apps, be it a “build for each platform”, or “build once for all platform” strategy, there is a lot of argument around what path is the better one. The main points discussed are whether the Native or Hybrid approach is more appropriate. My response to a lot of these discussions has and, I think, always will be IT DEPENDS.

Going Native – Programming in the native language of the platform, I think, will always be the preference. Especially for applications that require the innermost workings of the platform. Apple iOS has Objective-C, Android has Java, and Windows Phone has .NET. Well, I guess we can’t forget about the Blackberry platform which primarily is built using Java.

Going Cross-Platform (Hybrid) – Today, there are more hybrid solutions to mobile development than one can keep up with. I liken the hybrid route to traveling to a foreign country, say France, where French is the primary language (like…obvious), but since I don’t speak the language fluently, I use a mixture of English, and hand gestures. It works, and will probably help me communicate decently, but it only goes so far, and can only accomplish so much. At some point, I’ll need to speak French. Some big players in this field include Sencha, Phonegap, & JQuery Mobile, just to name a few. I have personally played around with Sencha the most, and while it is an incredible platform, I found it to have somewhat of a steep learning curve, but that’s just me. Again, I just don’t speak “French” that well.

However, imagine if you had a French translator. Someone who can bridge that gap between you, and the oh so lovely French folks, without any loss in the quality of the communication. In fact, this translator not only spoke French, but could speak about every other language known to man, well, maybe except one (*cough* Blackberry *cough*). You could effectively use your translator anywhere in the world.

In the hybrid/cross-platform mobile development realm, I consider this “translator” to be Xamarin.  As it says on their website,

Xamarin is unique in this space by offering a single language – C#, class library, and runtime that works across all three mobile platforms of iOS, Android, and Windows Phone (Windows Phone’s indigenous language is already C#), while still compiling native (non-interpreted) applications that are performant enough even for demanding games.

It is a very powerful platform to say the least.  A game changer if you ask me.  Xamarin not only combines the powerful of all 3 platforms, but it adds its own features on top.  Some of which include:

Bindings for the Indigenous SDK: Xamarin provides strongly-typed binding for nearly the whole underlying platform SDKs in both iOS and Android.  Some advantages to this include type checking during development, and compilation.

Invoking native libraries – This gives you the power to use existing iOS and Android libraries written in Objective-C, Java or C/C++.  Xamarin just released a tool, Objective Sharpie, which takes much of the manual work of translating Objective C APIs into binding definitions that are consumed by Xamarin’s binding tools.

Modern Language features – Xamarin applications are written in C#, allowing developers to take advantage of strengths such as Dynamic Language features, and Functional Constructs such as LINQ, Lambdas, Generics, etc.  Many of these features are significant improvements over Objective-C and Java.

Use of Base Class Library (BCL) – Xamarin utilizes the .NET BCL, which is a collection of many classes that provide a comprehensive set of features like XML, Database, Serialization, Networking, and IO support, to name a few.

Amazing Development Environment – Formerly called MonoDevelop, Xamarin has revolutionized their Integrated Development Environment (IDE), now called Xamarin Studio.  It also provides deep integration with the Visual Studio IDE, allowing the .NET developer’s favorite IDE to be used for development as well.

Mobile Cross-platform support – With the support coverage across all three platforms (iOS, Android, Windows Phone) provided by Xamarin, developers can expect to share up to 90% of their code.  During my last project, we estimated a code sharing rate of about 80%, saving a ton of time and effort in development and time to market.  We were able to release two apps for both the iPhone and iPad, in 100 days (from Concept to Store).

Over the next few weeks/months, I’ll be sharing many of my experiences using this incredible framework, and engage with the dev community, while learning from you all as well.

Happy Xamarin trails!

Tagged , , , , , , ,

Congress Watch for Windows 8

Last year, as I set out to explore the Windows Store app dev ecosystem, I pondered what my first project would be.  On the Windows Phone platform, my first app was a diary app called Easy Diary, which has done very well (but is in need for some Windows Phone 8 upgrade magic).  It was also a few months before the Presidential elections, so I figured, why not create something that would help folks like you and I keep tabs on what is going on in Washington.  So Congress Watch was born.

 

Congress Watch is a gateway to detailed information about your elected U.S. Congressional officials. A great way to learn about those who represent you in Congress.
With profile details, news feeds, and videos, become an informed and active citizen between elections and different sessions of Congress.

WHAT’S INCLUDED

Basic Information
List of all legislators, including member first and last name, title, and political party affiliation.

Contact Information
Official website link, member contact form, Washington, DC office address, telephone, and fax numbers.

Legislative activity
Included are up-to-date news, and YouTube videos for Congress members. 

Bonus Features
Live tiles for congress members which display current news and allow users to launch directly to the legislator profile page within the app. Search for legislators, and Share with your family and friends.

This app was built using the Open Congress and Sunlight Labs API’s, but is currently not endorsed by either party.

 

So if you are at all interested in finding out what our folks up in Congress are doing (or not doing), then please check out my app.  Click the image below to download Congress Watch from the Windows Store.

P.S. Version 2 is already in the works and promises to deliver an improved user experience and a more organized wealth of information (along with a few premium features).  Any suggestions/ideas are most welcome.

Congress Watch Promotional

Tagged , , , , , , ,

Easy Diary for Windows Phone 7

I have always wanted to get into the mobile space.  Particularly with developing apps.  So when the Windows Phone 7 was announced, as a newbie Silverlight developer (a year ago), I thought this would be a great chance to do so.  And so, I dove in.

The Win Phone 7, a Silverlight & XNA developer platform makes it fairly easy for current Silverlight/XNA developers to transition into the mobile space.  And I have to say, it’s been very exciting.

Easy Diary, a diary/journal application, was my first (of many apps to come) for the Windows Phone 7.  It gives potential users a quick and easy way to record moments throughout their day.  They can also connect with popular social sites like Twitter & Facebook, and display their online activity as part of their diary.  The app took about two weeks of total work, and was released to the Windows Marketplace a few months ago prior to the release of the phone. 

I will soon be posting more info on my current and future apps on my site here.  In the meantime, you can click here to view my app in the marketplace (Zune software required).  There was also a small article posted about my app here.

While I would like to say I figured everything out on my own while developing my app, that just won’t be right.  So I have to give credit where credit is due.  See below for credit(s), resources, and screenshots of the app.

Credit(s)

Laurent Bugnion created a very light, flexible and versatile MVVM framework for the Windows Phone 7 (dubbed MVVM Light), Silverlight, and WPF.  It made my life very easy while developing this app and it will come in very handy in the many apps to come.

Resources

There are many valuable resources pertaining to developing apps for the Windows Phone.  Ranging from beginner to expert levels.  Here are just a few of them:

Screenshots

There are currently over 3,000 apps in the windows marketplace, and it’s going to be very exciting to see many talented developers come up brilliant ideas and even more great apps in times to come.

Good move Microsoft…good move.

Tagged , , , , , , , ,
%d bloggers like this: