{"id":1624,"date":"2013-09-16T19:35:13","date_gmt":"2013-09-16T07:35:13","guid":{"rendered":"https:\/\/www.deltics.co.nz\/blog\/?p=1624"},"modified":"2013-09-16T19:36:07","modified_gmt":"2013-09-16T07:36:07","slug":"exploring-listeners-with-oxygene","status":"publish","type":"post","link":"https:\/\/www.deltics.co.nz\/blog\/posts\/1624\/","title":{"rendered":"Exploring Listeners With Oxygene"},"content":{"rendered":"[Estimated Reading Time: <\/span> 3<\/span> minutes]<\/span><\/span>

Part 2<\/strong> in a short series demonstrating the development of a simple camera app for Android using Oxygene. In the previous instalment<\/a> we looked at the basic framework of our app. For this instalment I was going to show how to implement the camera preview or viewfinder for this instalment, but instead have decided to focus on listeners.<\/p>\n

<\/p>\n

A Deep-Dive Into Listener Assignment<\/h3>\n

So far in my simple camera app, we have only one real piece of code to speak of, and it doesn’t do very much. I’m talking about the code that sets up the method for handling a Click<\/strong> on the Capture<\/strong> button:<\/p>\n

\r\n    btnCapture := Button(findViewById(R.id.button_capture));\r\n    btnCapture.OnClickListener := new interface View.OnClickListener(onClick := @CaptureClick);\r\n<\/pre>\n
The first thing to mention is that this is only one way of assigning a listener.  This code was originally created for us as part of the project template, but you can assign listeners declaratively if you prefer.  We could remove this code entirely and instead add an attribute to the Button<\/strong> element in the layout for our activity:<\/p>\n
\r\n <Button\r\n  android:id="@+id\/button_capture"\r\n  android:text="Capture"\r\n  android:layout_width="wrap_content"\r\n  android:layout_height="wrap_content"\r\n  android:layout_gravity="center"\r\n  android:onClick="CaptureClick"\r\n  \/>\r\n<\/pre>\n
The onClick<\/strong> attribute can be assigned the name of an appropriate method in our activity class, in this case the CaptureClick<\/strong> method.  This quite effectively demonstrates how an Oxygene<\/strong> class is – in the case of Oxygene for Java<\/strong> – nothing more nor less than a Java<\/strong> class, participating fully and directly in the Android<\/strong> “world”, like any other Java<\/strong> class would.<\/p>\n
This is also evident from the fact that our MainActivity<\/strong> class directly sub-classes the Android SDK Activity<\/strong> class, without the need for any bridging or wrapping.<\/p>\n
Yet More Ways to Skin This Cat<\/h3>\n
Whether we choose to assign our listener in code or using a layout assignment doesn’t make much difference in this simple case.  So let’s look a bit more closely at the code once again:<\/p>\n
\r\n    btnCapture := Button(findViewById(R.id.button_capture));\r\n    btnCapture.OnClickListener := new interface View.OnClickListener(onClick := @CaptureClick);\r\n<\/pre>\n
This looks a bit more complicated than an event handler assignment we might be familiar with from Delphi, for example.  That’s because the listener in this case is a reference to an object that implement a specific interface, rather than being simply a reference to a specific method.<\/p>\n
We can demonstrate this by making two small changes.<\/p>\n
The required interface in this case is View.OnClickListener<\/strong> and since our MainActivity<\/strong> class already contains a suitable method that satisfies this interface, albeit with the wrong name – CaptureClick<\/strong> – we could just declare support for that interface on the class.  We would of course have to rename the method to satisfy that interface:<\/p>\n
\r\n    MainActivity = public class(Activity, View.OnClickListener)\r\n    public\r\n      method onCreate(savedInstanceState: Bundle); override;\r\n      method onClick(v: View);\r\n    end;\r\n<\/pre>\n
Then, to assign the listener to the button we could simply supply a reference to the MainActivity<\/strong> class instance itself:<\/p>\n
\r\n    btnCapture := Button(findViewById(R.id.button_capture));\r\n    btnCapture.OnClickListener := self;\r\n<\/pre>\n
Again, this is perfectly fine in this simple app, but would quickly become messy if we were to use our MainActivity<\/strong> object as the “onClick” handler for multiple controls since our onClick<\/strong> method would have to cope with all the different source of possible onClick<\/strong> events, testing the View<\/strong> parameter sent with each event (equivalent in this case to the Sender<\/strong> parameter to a Delphi TNotifyEvent<\/strong>).<\/p>\n
Far better to create separate methods to respond to different controls, which also means we can name those methods more appropriately.  And of course, this is what the original code allowed us to do.  It is an example of two advanced language features:<\/p>\n
    \n
  • Anonymous objects<\/li>\n
  • Extended constructor calls<\/li>\n<\/ul>\n
    We can identify these features by dissecting the right hand side of the listener assignment.  First:<\/p>\n
    \r\n  new interface View.OnClickListener\r\n<\/pre>\n
    This code instantiates an anonymous Object<\/strong> via a parameterless constructor, specifying that the object implements the View.OnClickListener<\/strong> interface.  You might be questioning why I said that a parameterless constructor is invoked, given that the call appears to specify a parameter:<\/p>\n
    \r\n    new interface View.OnClickListener(onClick := @CaptureClick);\r\n<\/pre>\n
    This is a demonstration of an Extended Constructor Call<\/strong>, which is an Oxygene<\/strong> language feature.  This allows fields and properties of a newly created object to be initialised by appending the assignments directly in the constructor call, after<\/em> any normal constructor parameters.<\/p>\n
    Since there are no parameters to the constructor involved here, we see only the assignment to the onClick<\/strong> property.  You can think of this combination of anonymous objects and extended constructors as being equivalent to:<\/p>\n
    \r\n  type\r\n    var obj := new interface View.OnClickListener();\r\n    obj.onClick := @CaptureClick; \r\n\r\n    btnCapture.onClick := obj;\r\n<\/pre>\n
    Note however that in the case of anonymous, interfaced objects it is not actually quite as straight-forward as this.  This “long-hand” form of the code is not actually valid.  This is an example of an area where Oxygene<\/strong> doesn’t simply map Pascal<\/strong> onto Java<\/strong>, but provides a cleaner, Pascal<\/strong>-like syntax as an (imho) improvement over the equivalent Java<\/strong>.<\/p>\n
    For those interested, that Java<\/strong> code would have been:<\/p>\n
    \r\n  btnCapture.setOnClickListener(new OnClickListener() {\r\n \t\t\t@Override\r\n\t\t\tpublic void onClick(View arg0) {\r\n                          \/\/ TODO: take picture with the camera\r\n\t\t\t}};\r\n<\/pre>\n
    Time to Take a Deep Breath<\/h3>\n
    WHEW!<\/strong>  That was a lot<\/em> to take in for just one, simple button event assignment!  But as you can see, this innocuous, modest looking little statement demonstrates some of the power of Oxygene<\/strong> imho.<\/p>\n
    Next time I really will show how to implement a camera preview to use as a viewfinder.<\/p>\n","protected":false},"excerpt":{"rendered":"
    [Estimated Reading Time: <\/span>  3<\/span> minutes]<\/span><\/span>Part 2 in a short series demonstrating the development of a simple camera app for Android using Oxygene. In the previous instalment we looked at the basic framework of our app. For this instalment I was going to show how to implement the camera preview or viewfinder for this instalment, but instead have decided to […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[212,205,4,180],"tags":[153,215,181],"class_list":["post-1624","post","type-post","status-publish","format-standard","hentry","category-android-2","category-cooper","category-delphi","category-oxygene","tag-android","tag-cooper-2","tag-oxygene-2"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1TKYv-qc","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.deltics.co.nz\/blog\/wp-json\/wp\/v2\/posts\/1624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.deltics.co.nz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.deltics.co.nz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.deltics.co.nz\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.deltics.co.nz\/blog\/wp-json\/wp\/v2\/comments?post=1624"}],"version-history":[{"count":9,"href":"https:\/\/www.deltics.co.nz\/blog\/wp-json\/wp\/v2\/posts\/1624\/revisions"}],"predecessor-version":[{"id":1633,"href":"https:\/\/www.deltics.co.nz\/blog\/wp-json\/wp\/v2\/posts\/1624\/revisions\/1633"}],"wp:attachment":[{"href":"https:\/\/www.deltics.co.nz\/blog\/wp-json\/wp\/v2\/media?parent=1624"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.deltics.co.nz\/blog\/wp-json\/wp\/v2\/categories?post=1624"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.deltics.co.nz\/blog\/wp-json\/wp\/v2\/tags?post=1624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}