Re: Making an iOS app look like one

2020-04-16 Thread Brian Milby via use-livecode
I wrote the docs, so I guess I can fix them.  The issue is that for widgets 
that is how the syntax for handlers is displayed.  What can be done is to add 
an example that shows it as a command without the parentheses.

Thanks,
Brian
On Apr 16, 2020, 4:41 PM -0400, J. Landman Gay via use-livecode 
, wrote:
> On 4/16/20 2:00 PM, Brian Milby via use-livecode wrote:
> > The ability to create additional SVG Icon Libraries is something that I
> > helped get done a while back. Here's a thread with a stack that I
> > developed that helps organize libraries:
>
> I should have guessed you'd had a hand in this. ;) Someone should take a look 
> at the dictionary
> entries for addIcon and addIconFamily, and maybe some of the other related 
> entries. The syntax
> is wrong and it threw me -- they look like functions (with parentheses) but 
> they're command
> handlers.
>
> If I weren't so stressed for time I'd write a bug report.
>
> --
> Jacqueline Landman Gay | jac...@hyperactivesw.com
> HyperActive Software | http://www.hyperactivesw.com
>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription 
> preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


Re: Making an iOS app look like one

2020-04-16 Thread J. Landman Gay via use-livecode

On 4/16/20 2:00 PM, Brian Milby via use-livecode wrote:

The ability to create additional SVG Icon Libraries is something that I
helped get done a while back.  Here's a thread with a stack that I
developed that helps organize libraries:


I should have guessed you'd had a hand in this. ;) Someone should take a look at the dictionary 
entries for addIcon and addIconFamily, and maybe some of the other related entries. The syntax 
is wrong and it threw me -- they look like functions (with parentheses) but they're command 
handlers.


If I weren't so stressed for time I'd write a bug report.

--
Jacqueline Landman Gay | jac...@hyperactivesw.com
HyperActive Software   | http://www.hyperactivesw.com

___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


Re: Making an iOS app look like one

2020-04-16 Thread Brian Milby via use-livecode
The ability to create additional SVG Icon Libraries is something that I
helped get done a while back.  Here's a thread with a stack that I
developed that helps organize libraries:

http://forums.livecode.com/viewtopic.php?f=10=30411

I need to take another look at it now that we have the ability to create
drawings from SVG (and use them with an image object).

On Thu, Apr 16, 2020 at 1:19 PM Graham Samuel via use-livecode <
use-livecode@lists.runrev.com> wrote:

> Just a quick ‘Thank You’ to Andrew, Devin and Bill for their ultra-rapid
> and detailed replies. There is a lot to take in there, and I’ll respond
> later if I have to ask yet more questions. It does seem a bit of a dog’s
> breakfast (if I can say that), doesn’t it? I did not realise you could buy
> in other SCGs without some kind of intervention from the mother ship - I
> will check that out.
>
> I’ll be back.
>
> Thanks again
>
> Graham
>
>
>
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your
> subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
>
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


Re: Making an iOS app look like one

2020-04-16 Thread Graham Samuel via use-livecode
Just a quick ‘Thank You’ to Andrew, Devin and Bill for their ultra-rapid and 
detailed replies. There is a lot to take in there, and I’ll respond later if I 
have to ask yet more questions. It does seem a bit of a dog’s breakfast (if I 
can say that), doesn’t it? I did not realise you could buy in other SCGs 
without some kind of intervention from the mother ship - I will check that out.

I’ll be back.

Thanks again

Graham



___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


Re: Making an iOS app look like one

2020-04-16 Thread Devin Asay via use-livecode
Hi Graham,

TL/DR: It’s doable, but there is a learning curve.

Making your apps look native is doable, but how to get there is a mixed bag. As 
you’ve discovered, you have to use a range of capabilities.

1. Widgets. They are mostly straightforward to figure out. See my lesson at 
http://livecode.byu.edu/objects/widgets.php. I also created a sample stack with 
mobile-appropriate widgets at 
http://dight310.byu.edu/lesson_materials/13-Mobile_native_controls/mobileAndWidgets.livecode

1.a. Control over SVG icons. You have quite a bit of control over which icons 
you can use, by using icon families. See my stack SVG Icon Family Maker in 
Sample Stacks (AKA revOnline). You can go out on the internet and find an SBG 
icon set you like, import them into your stack, and put them into an icon 
family. Then you can set the icon family when you’re choosing icons for your 
SVG widget or Navbar widget.
1.b. Mobile native controls wrapped into widgets. They include the Android 
Native Button, Android Native Field, and iOS Native Button. The Android ones 
seem alright, but the iOS button just displays a label in the app, nothing 
else, no outline or background color. So these widgets seem incomplete. 
Standard LiveCode buttons using custom icons might be a better choice for now.

2. Mobile Native Controls. See my lesson at 
http://livecode.byu.edu/mobile/device-specific.php. I divide them into a few 
different groups.

2.a. Stuff that “just works”. Basically ask and answer dialogs just work right 
on mobile. Easy. Popup keyboards in fields also appear on mobile without any 
effort.

2.b. Stuff that’s pretty easy, but use mobile-specific commands.
- mobilePick - this is probably what you want in place of a radio button group.
- mobilePickDate
- mobilePickPhoto

2.c. Mobile native controls. These have to be completely scripted, but are 
doable. As for sizing and placing, I usually use a place-holder control during 
development and set the rect of the mobile native control to the place holder, 
hiding the place holder when running in the mobile environment.

Sample stack for native controls at 
http://dight310.byu.edu/lesson_materials/13-Mobile_native_controls/testMobileControls.livecode

Hope this helps.

Devin


On Apr 16, 2020, at 9:15 AM, Graham Samuel via use-livecode 
mailto:use-livecode@lists.runrev.com>> wrote:

Folks, I know this is a desperately naive question, but as I progress with my 
first serious attempt at an iOS app, which I’m trying to do in a hurry with 
only my experience of developing LC desktop apps to go on, I am struck by how 
un-iOS-like it looks. Richard Gaskin has already suggested that I look for good 
practice amongst existing apps from all sources, and I’ve tried to do this. 
Where I come unstuck is how to imitate the ‘look’ of such apps.

I am trying, for example by getting the Native Control Widget pack from the LC 
store, and by attempting (but not so far succeeding) to understand the LC 
lesson about Native text controls, especially how I can create such controls in 
the first place.

My app is not outrageously complicated. What it needs is

 -  Fields to display information, some of which must allow input via keyboard 
or pasting. Although there is a Native Android Field widget, there isn’t one 
for iOS, so I don’t know what my options are. I want the kind of fonts and font 
sizes that are typical of iOS, but so far I haven’t found a reference to these 
properties in the LC documentation. I found a command, mobileControlCreate, 
which it appears can only function dynamically in a mobile app, which seems to 
mean I can’t create and place controls until the app is running. I find that 
confusing.

 -  Small, tidy icons, for use as the equivalent of menus or menu items, for 
example acting as links to various settings cards - so typically an image like 
a cogwheel for example. I would like these to be SVG, but none of LC’s SVG 
images have the necessary unchunky look. Do I have to create them from scratch 
(it would not be the end of the world if I did, but I imagine that there’s a 
library of them somewhere).

 -  “Done” type buttons (there is a built in widget for this but it doesn’t end 
up looking like the ‘done’ buttons I see on typical apps) and other buttons to 
start off processes or displays.

 -  Some kind of control that acts like a radio button group, so that one 
option is chosen to the exclusion of any others in the group (I suppose it’s a 
picking list, but I don’t know how to implement such a thing in an 
iOS-compatible way and the widgets on offer are specialised to date and time)

LC Support has been helpful in pointing me at various lessons, but I have 
obviously missed masses of stuff which must be there somewhere. As usual I am 
searching for pointers and examples in order to try to fast track this 
development.

Sorry for asking yet more questions.

Graham



___
use-livecode mailing list

Re: Making an iOS app look like one

2020-04-16 Thread Andrew at MidWest Coast Media via use-livecode
>  -  Fields to display information, some of which must allow input via 
> keyboard or pasting. Although there is a Native Android Field widget, there 
> isn?t one for iOS, so I don?t know what my options are. I want the kind of 
> fonts and font sizes that are typical of iOS, but so far I haven?t found a 
> reference to these properties in the LC documentation. I found a command, 
> mobileControlCreate, which it appears can only function dynamically in a 
> mobile app, which seems to mean I can?t create and place controls until the 
> app is running. I find that confusing.

No native iOS field yet, and hopefully a “mobile field” widget that is more 
cross-platform gets added at some point. For now what I do is use standard 
fields and add the mobileControl options to basically create native mobile 
fields over top of your standard fields and pass the information back and forth 
using mobileControlGet and mobileControlSet. This let’s me test in the IDE w/o 
compiling for device as often.

http://lessons.livecode.com/m/4069/l/29112-how-do-i-use-native-text-controls-on-mobile

>  -  Small, tidy icons, for use as the equivalent of menus or menu items, for 
> example acting as links to various settings cards - so typically an image 
> like a cogwheel for example. I would like these to be SVG, but none of LC?s 
> SVG images have the necessary unchunky look. Do I have to create them from 
> scratch (it would not be the end of the world if I did, but I imagine that 
> there?s a library of them somewhere).

The SVGs in the current library are FontAwesome 4. They were good at the time, 
but are outdated now with the release of 5.13.0 (which includes COVID icons). I 
lucked out and bought a lifetime license when they ran a Kickstarter campaign a 
couple years ago which gives greater access, but even the free options are 
decent.

>  -  ?Done? type buttons (there is a built in widget for this but it doesn?t 
> end up looking like the ?done? buttons I see on typical apps) and other 
> buttons to start off processes or displays.

There is a widget pack to help with this, but I’ve always just made my own 
option that skirted the HID requirements of both major app stores without fully 
adhering or breaking them (of all the times my apps have been rejected it has 
NEVER been from native interface issues). Scott Rossi has some amazing assets 
to help with this.

http://tactilemedia.com/blog/2018/05/12/blasts-from-the-past/

>  -  Some kind of control that acts like a radio button group, so that one 
> option is chosen to the exclusion of any others in the group (I suppose it?s 
> a picking list, but I don?t know how to implement such a thing in an 
> iOS-compatible way and the widgets on offer are specialised to date and time)

After skinning them, radio buttons should act the same in mobile as they do on 
desktop since you aren’t using a native solution.

https://forums.livecode.com/viewtopic.php?t=22169 


> 
> 
—Andrew Bell
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


Re: Making an iOS app look like one

2020-04-16 Thread Prothero-earthlearningsol via use-livecode
Graham,
I feel your pain!
Weren’t there some app building lessons that took you through the process of 
building a number of commonly included ios apps? I did a couple of them a few 
years ago. They were kind of quirky to follow, and not using the latest stuff, 
but perhaps they could inform you in critical ways.

In fact, here is a link that looks hopeful. But then, you’ve probably already 
been there.

http://lessons.livecode.com/m/2571/l/23075-how-do-i-build-an-ios-application

Good luck,
Bill

William Prothero
http://es.earthednet.org

> On Apr 16, 2020, at 8:16 AM, Graham Samuel via use-livecode 
>  wrote:
> 
> Folks, I know this is a desperately naive question, but as I progress with 
> my first serious attempt at an iOS app, which I’m trying to do in a hurry 
> with only my experience of developing LC desktop apps to go on, I am struck 
> by how un-iOS-like it looks. Richard Gaskin has already suggested that I look 
> for good practice amongst existing apps from all sources, and I’ve tried to 
> do this. Where I come unstuck is how to imitate the ‘look’ of such apps.
> 
> I am trying, for example by getting the Native Control Widget pack from the 
> LC store, and by attempting (but not so far succeeding) to understand the LC 
> lesson about Native text controls, especially how I can create such controls 
> in the first place.
> 
> My app is not outrageously complicated. What it needs is
> 
>  -  Fields to display information, some of which must allow input via 
> keyboard or pasting. Although there is a Native Android Field widget, there 
> isn’t one for iOS, so I don’t know what my options are. I want the kind of 
> fonts and font sizes that are typical of iOS, but so far I haven’t found a 
> reference to these properties in the LC documentation. I found a command, 
> mobileControlCreate, which it appears can only function dynamically in a 
> mobile app, which seems to mean I can’t create and place controls until the 
> app is running. I find that confusing.
> 
>  -  Small, tidy icons, for use as the equivalent of menus or menu items, for 
> example acting as links to various settings cards - so typically an image 
> like a cogwheel for example. I would like these to be SVG, but none of LC’s 
> SVG images have the necessary unchunky look. Do I have to create them from 
> scratch (it would not be the end of the world if I did, but I imagine that 
> there’s a library of them somewhere).
> 
>  -  “Done” type buttons (there is a built in widget for this but it doesn’t 
> end up looking like the ‘done’ buttons I see on typical apps) and other 
> buttons to start off processes or displays.
> 
>  -  Some kind of control that acts like a radio button group, so that one 
> option is chosen to the exclusion of any others in the group (I suppose it’s 
> a picking list, but I don’t know how to implement such a thing in an 
> iOS-compatible way and the widgets on offer are specialised to date and time)
> 
> LC Support has been helpful in pointing me at various lessons, but I have 
> obviously missed masses of stuff which must be there somewhere. As usual I am 
> searching for pointers and examples in order to try to fast track this 
> development.
> 
> Sorry for asking yet more questions.
> 
> Graham
> 
> 
> 
> ___
> use-livecode mailing list
> use-livecode@lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription 
> preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


Making an iOS app look like one

2020-04-16 Thread Graham Samuel via use-livecode
Folks, I know this is a desperately naive question, but as I progress with my 
first serious attempt at an iOS app, which I’m trying to do in a hurry with 
only my experience of developing LC desktop apps to go on, I am struck by how 
un-iOS-like it looks. Richard Gaskin has already suggested that I look for good 
practice amongst existing apps from all sources, and I’ve tried to do this. 
Where I come unstuck is how to imitate the ‘look’ of such apps.

I am trying, for example by getting the Native Control Widget pack from the LC 
store, and by attempting (but not so far succeeding) to understand the LC 
lesson about Native text controls, especially how I can create such controls in 
the first place.

My app is not outrageously complicated. What it needs is

  -  Fields to display information, some of which must allow input via keyboard 
or pasting. Although there is a Native Android Field widget, there isn’t one 
for iOS, so I don’t know what my options are. I want the kind of fonts and font 
sizes that are typical of iOS, but so far I haven’t found a reference to these 
properties in the LC documentation. I found a command, mobileControlCreate, 
which it appears can only function dynamically in a mobile app, which seems to 
mean I can’t create and place controls until the app is running. I find that 
confusing.

  -  Small, tidy icons, for use as the equivalent of menus or menu items, for 
example acting as links to various settings cards - so typically an image like 
a cogwheel for example. I would like these to be SVG, but none of LC’s SVG 
images have the necessary unchunky look. Do I have to create them from scratch 
(it would not be the end of the world if I did, but I imagine that there’s a 
library of them somewhere).

  -  “Done” type buttons (there is a built in widget for this but it doesn’t 
end up looking like the ‘done’ buttons I see on typical apps) and other buttons 
to start off processes or displays.

  -  Some kind of control that acts like a radio button group, so that one 
option is chosen to the exclusion of any others in the group (I suppose it’s a 
picking list, but I don’t know how to implement such a thing in an 
iOS-compatible way and the widgets on offer are specialised to date and time)

LC Support has been helpful in pointing me at various lessons, but I have 
obviously missed masses of stuff which must be there somewhere. As usual I am 
searching for pointers and examples in order to try to fast track this 
development.

Sorry for asking yet more questions.

Graham



___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode