Discussion Forums  >  Plugins, Customizing, Source Code

Replies: 8    Views: 245

Lester
buzztouch Evangelist
Profile
Posts: 17
Reg: Aug 12, 2011
Florida
10,670
01/11/13 05:22 PM (13 years ago)

UISplitViewController in Universal Apps

Has anyone gotten a split screen going for the iPad? I'm working on a tabbed based app with all 5 tabs being simple list menus going to HTML screens. Instead of just scaling up on iPads, I'd like to have the app as it would appear on iPhone in the left view controller, and the HTML screens (or whatever view) on the right. I went through this tutorial, but my programming "skills" are not up to getting this implemented into BT. http://www.raywenderlich.com/1040/ipad-for-iphone-developers-101-uisplitview-tutorial There's a lot of view controller related .m and .h files in BT and I wouldn't even know where to start!
 
SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
like
01/11/13 06:08 PM (13 years ago)
Being the kind of person that I am, I'd cheat. That sounds like the kind of thing that could be done with JQuery and HTML5 easier than in code, and wrap it inside a BT screen. Just my thoughts. Cheers! -- Smug
 
SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
like
01/11/13 06:19 PM (13 years ago)
http://www.jquery4u.com/page-layout/12-jquery-mobile-layout-plugins-examples/ this is what entered my mind when I saw your post... Cheers! -- Smug
 
Lester
buzztouch Evangelist
Profile
Posts: 17
Reg: Aug 12, 2011
Florida
10,670
like
01/11/13 06:29 PM (13 years ago)
I definitely considered that approach and briefly tested it. The non-native feel and responsiveness sucked. And something would be lost on a universal app going from a native interface on iPhone, to a javascript/HTML interface on iPad. I still couldn't figure out how to make this approach work for a universal app because the app would just have to open to a web view on iPad and a native view/menu list on iPhone. There's no existing mechanism to open to different screens depending on the device that I'm aware of. Apple probably wouldn't approve it either because it would basically be an app with 1 web view. Ending up with a native app is one of the things that makes BT so awesome. It seems like it would be easier to implement the split screen natively since most of the code is already there. Just a matter of getting the existing view controllers to display in a split view on large devices. I could be completely wrong about the complexity involved though since I "don't know what I don't know." I'm willing to pay someone to do this...as long as it results in a tutorial for all of Buzztouch! :)
 
Niraj
buzztouch Evangelist
Profile
Posts: 2943
Reg: Jul 11, 2012
Cerritos
37,930
like
01/11/13 08:37 PM (13 years ago)
I remember a Webinar in 2012 where David Book had created an iPad screen for a custom plugin. Perhaps it was in the Fall timeframe (after August)? Take a look first at the October videos inWarren Evans YouTube channel. Here is a sideways link to Warren's channel. http://www.youtube.com/watch?v=Cfc5aBim0ZU Perhaps ask Warren if he remembers the relevant video. Also, ask Warren to have that question answered during the next Q&A Webinar (end-of-Jan). Let us know if you get it working! -- Niraj
 
ATRAIN53
Code is Art
Profile
Posts: 1755
Reg: Nov 17, 2011
Chicago
26,450
like
01/12/13 08:36 AM (13 years ago)
Great suggestion, surprised I don't see it come up more. I built a splitscreen for an app based on that tutorial and some other code. Wenderlich stuff ids great. Good place to lrasrn, but start with some 'Hello World' stuff first! Keeping the BT navigation in tact with the pop up window was tricky. I've learned more about that control now and want to revisit the code. I had a rough version ready for plug-in submission. Just needed to connect it to the control panel still. It's iPad only and I was kinda watching the storybook plug-in to see how folks used that. Master/Detail for iphone is really just a standard Table view. So this is for apps really designed for ipads. I don't make many of those which is why I shelved the code. But seeing some interest, I should clean it up and submit!
 
Lester
buzztouch Evangelist
Profile
Posts: 17
Reg: Aug 12, 2011
Florida
10,670
like
01/12/13 06:10 PM (13 years ago)
I was surprised too @ATRAIN53...this would be a great addition to so many apps. It's great that BT scales up on the iPad automagically, and even better if split view was available. I could see this as a plugin for iPad only apps, but seems to require core code changes for Universal apps. I'm working through it and will probably try elance or odesk if I can't get it implemented on my own. I'll be sure to get a tutorial if I can get it going. More involved as I initially suspected!
 
Niraj
buzztouch Evangelist
Profile
Posts: 2943
Reg: Jul 11, 2012
Cerritos
37,930
like
01/12/13 06:23 PM (13 years ago)
I keep thinking to myself, why can't the elements of the TabViewController be auto-transposed over into the skinny SplitViewController when the BT Core recognizes the Device is a Tablet? The Left Column is fully capable of being a stack-based interface where it can have multi-levels of drill-down layers before the right-side View shows any content. This should be an easy task since the navigation is specified by the JSON Data file. Gosh, wish I was a better programmer than I am at conjuring these visions!
 
ATRAIN53
Code is Art
Profile
Posts: 1755
Reg: Nov 17, 2011
Chicago
26,450
like
01/13/13 09:17 AM (13 years ago)
^ you're in the ballpark. The fact that a BT_navigation controller exists is where I got tripped up. easy to build this without it by following a tutorial. You can even download a working control to study. But how do you get back to the BT screens.... That took a lot of time for me to figure out with xib's in BT too... It's possible, I've built them - but making them plug-ins? that's a whole different ballgame with lots more factors to make it work for everyone...
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.