I am trying to create a table view that scrolls horizontally and vertically like TeacherKit app.
If I scroll vertically, first row is fixed and if I scroll horizontally, first column is fixed.
Do you guys have any suggestions for that?
This is the screenshot from TeacherKit app.
https://www.dropbox.com/s/65cknxg9vnea8jq/Photo%20Nov%2015%2C%2012%2027%2010%20AM.png
The most common solution is to create a UIScrollView with the same size of your UITableview, and place your table INSIDE the scroll view.
In this situation, the table won't scroll because is fully contained in the scrollView (it has the same size) and you will scroll the scrollView
Let us know how it goes!
Related
I am trying to understand how can I set a threshold for the RN ScrollView.
This is because if you have multiple vertical scrollable View in a horizontal ScrollView then the scrolling of the Views is very difficult.
So i just need something that holds the horizontal scrolling until the finger swipe horizontally for a certain pixel-span.
Has anyone a clue about how to archive this?
You can use the native scroll event in onScrollEnd to get the velocity of the scroll, then only scroll horizontally if it's past a certain amount. On most vertical/horizontal scrolls, most users only scroll in one direction. If you truly want to implement a distance based scroll, you would need to attach a PanResponder to your component and compare the distnaces of the Grant and Release events.
I have a UIScroll view that scrolls between 4 different XIBs. I would like to disable the ability of scrolling by touching the scroll view. There are two buttons at the bottom of my app that I would like to scroll forward and back in a loop. The ViewController is forced to be in landscape orientation, and the scroll view dimensions are 568w x 217h.
Here is an image of the layout: Click Here
What you are tying to do is called "paging", and in my opinion a scroll view in not the best way to do so... here is a great project that looks like what you need:
https://github.com/caesarcat/InfinitePagingView
Hope this helps
I have a table view that has a navigation bar at the top. The problem is that when the table becomes full the navigation disappears when I scroll through the table. Is there any way of fixing it so that it does not move with the table?
Many thanks
You have added the NavigationBar to your UITableViews Header View...
The easiest way to solve your problem is, go to XCode Designer, where you have added the UITableView, and the UINavigationBar....
Cut or delete the NavigationBar
Move the TableView with drag and drop a little bit lower
Insert, or add a NavigationBar directly to the View, not in the TableView, then move the TableView higher, untill it fits under your NavBar. Also resize your TableView, to fit the Screen now...
After this the NavBar wont move while scrolling your TableView
I have a table that I want to have horizontally scrolling rows. When I tried adding a scrollable view to a row, it crashed the app. Is there a particular way to do this? Basically, I'm adding items to each row dynamically and if it overflows I want the older items to scroll off the left, but still be retrievable.
dont add a scroll view just use a regular view and update the width as items are added and scroll the view yourself.
you will have to figure out how scroll the view to the left and right by tracking touch start and touch end.
you might want to find an alternate UI approach though
Why don't use layout property... i mean vertical or horizontal.
var HZview = Ti.UI.createView({
height:'auto',
layout:'horizontal'
)};
VzView.add(TableViewRows);
Now add your rows to this horizontal view and finally your TableView to Vertical View.
var HZview = Ti.UI.createView({
height:'auto',
layout:'vertical'
)};
VzView.add(TableView);
In my app I use a page control and a UIScrollView to page horizontally, I'd like to be able to enable vertical scrolling on each page. Now I know you can nest UIScrollViews in order to achieve this, there is however one problem in my project. Each of the pages uses a view controller consisting of a view, with a background image (different image for each page). This background image should not move while scrolling up and down.
Now what I want is the ability to have buttons, regular rect buttons, which I create in Interface Builder (since I want to be able to design and update the positions easily) and which then can be scrolled vertically.
So it should be like this:
You see a screen with a page-control on the bottom, above it an image with buttons over it. When you scroll sideways, you go to another page, again with an image (another one) and with different buttons. Now whenever you scroll vertically on a page, the buttons should be scrollable (so I can have a LOT of buttons on 1 page), but the image should maintain it's position.
So I figured, I just add another scroll view on top of the view with the background image. This works fine since I now have my buttons hovering over the background image and I have a separate nib file for each page including the buttons. But when I do it like this, the scrollview with the buttons becomes un-scrollable vertically. I don't know why this is happening, so could anyone suggest me how to achieve the wanted result?
I'd be really really grateful!
Thanks,
Fabian