[iPhone] large table view (500+ elements), each cell with a UIWebView

Hello, all ...
I'm developing an application that has to show a table view with 500 (or more) elements in it. Each element has a UIWebView that has to load an image (50x50 pixels in PNG format) from a web server. What i'm finding is that, when this table view is displayed, most of the images don't show up, though a few of them do. I've verified that all of the images are indeed on the web server, but I think that most of the requests fail (perhaps to too many of them going on at once?). Furthermore, the table sometimes scrolls very rough i.e. when an upcoming cell is loading its' image.
Other iPhone apps seem to do the UIWebView-in-a-cell thing pretty well i.e. Facebook. In the Facebook iPhone app, the table scrolls smoothly, and the images display as they're loaded. How can I make my app behave similarly?
Regards,
John
Falling You - exploring the beauty of voice and sound
http://www.fallingyou.com

Hmm ... something still isn't right. The scroll view still scrolls very jerkily, and the reason seems to be that I don't know which delegate method to override to detect when scrolling has finished. I tried overriding -scrollViewDidScroll, like so:
- (void)scrollViewDidScroll:(UIScrollView *)scrollViewDidScroll
AlbumViewCell *firstAlbumShown = (AlbumViewCell *)([[self.tableView visibleCells] objectAtIndex:0]);
AlbumViewCell *lastAlbumShown = (AlbumViewCell *)([[self.tableView visibleCells] lastObject]);
NSLog(@"scroll view finished scrolling ... first row is %s:%s and the last is %s:%s",
[[[firstAlbumShown album] albumname] UTF8String],
[[[firstAlbumShown album] artist] UTF8String],
[[[lastAlbumShown album] albumname] UTF8String],
[[[lastAlbumShown album] artist] UTF8String]);
for (int count = 0; count < [[self.tableView visibleCells] count]; count ++)
[[[self.tableView visibleCells] objectAtIndex:count] displayAlbumArt];
... but when I make one swipe with my finger to scroll the view, I see this in the console log:
2008-10-21 15:43:52.051 Magnatune[3160:20b] scroll view finished scrolling ... first row is 14 Days:Plunkett and the last is A Celtic Celebration:Da Camera
2008-10-21 15:43:52.637 Magnatune[3160:20b] scroll view finished scrolling ... first row is 5 and 6 part Fantasies of William Lawes:Oberlin Consort of Viols and the last is Acoustic Abstracts:Heavy Mellow
2008-10-21 15:43:53.376 Magnatune[3160:20b] scroll view finished scrolling ... first row is Airs De Cour Francais Du XVIIe Siecle:Trio Dafne and the last is Alpha and Oranges:Atomic Opera
2008-10-21 15:43:54.247 Magnatune[3160:20b] scroll view finished scrolling ... first row is Ambient Excursions:Stargarden and the last is Apa Ya:The Headroom Project
2008-10-21 15:43:55.041 Magnatune[3160:20b] scroll view finished scrolling ... first row is Ashek:Tim Rayborn and the last is Back with Bach:Ralph Rousseau Meulenbroeks
2008-10-21 15:43:56.002 Magnatune[3160:20b] scroll view finished scrolling ... first row is Azadi:Junoon and the last is Balance:Solace
2008-10-21 15:43:56.581 Magnatune[3160:20b] scroll view finished scrolling ... first row is Azadi:Junoon and the last is Balance:Solace
i.e. -scrollViewDidScroll was called multiple times, even though I only swiped once. I just want to know when the scrolling has truly and completely stopped, so I can tell the visible cells to draw their album art. Which delegate method do I override?
Regards,
John
Falling You - exploring the beauty of voice and sound
http://www.fallingyou.com

Similar Messages

I have a one-column table in pages. Each cell has text and a number separated by a colon. Can I automatically make it two column with everything to the right of the colon in the second column?

I have a one-column table in pages. Each cell has text and a number separated by a colon. Can I automatically make it two column with everything to the right of the colon in the second column?

Here's another way that is pretty quick to do.
Formula in Column B is:
=LEFT(A, FIND(":", A))
Formula in Column C is:
=RIGHT(A, LEN(A)-FIND(":", A))
You can eliminate the colon from the result in column B by writing:
=LEFT(A, FIND(":", A)-1)
Once you do the conversion, you should freeze the result by Selecting columns B and C and then Command-C, Edit > Paste Values.
Regards,
Jerry

Can you select the row in a table view without highlighting the cell?

I have an an app with a table view which is presented modally. Cell selections in this table are saved in the parent controller so that they can be reselected if the table is reloaded after being dismissed.
When the cell is first highlighted, I want to momentarily highlight the cell and have it fade out, which I do by unselecting the cell from the modal view controller's didSelectRowAtIndexPath by calling setSelected:animated on the table view cell.
However, when I present the table view controller modally again and want to display the previously selected cell as selected, I don't want the cell background to be highlighted, and I'm having trouble doing this.
In order to make sure the table view knows the cell is selected, I am calling selectRowAtIndexPath. I need to make sure the cell is selected so that I can set/unset the cell's accessoryType. However, this has the sideeffect of highlighting the cell too, which looks weird and confusing to the user.
I've tried things like temporarily setting the cell's selection style to none, but while that stops the cell background from highlighting? I've tried setting the selectionStyle to UITableViewSelectionStyleNone, but while this prevents the cell background from highlighting, the cell text still changes to white, so it the text is invisible against the white background.
Is there a easy way of setting a cell to selected in the table view without also changing the highlight and text colour of the actual cell? Immediately setting the cell to be unselected still makes the highlight visible for a split second.

I tried that, but setting the highlighted property doesn't seem to affect it.
I figured out how what I was doing wrong though. I was setting selection style UITableViewSelectionStyleNone, selecting the cell, then setting the selection style back to whatever it had previously been. This causes the background not to draw highlighted, but the text and accessory type to still draw highlighted.
In order to fix this, I moved the code to set the cell selection style to whatever it had previously been to the didDeselectRowAtIndexPath method.

Using interface builder to create a table view and add a cell

So I am using interface builder to make a table view. Should be easy. I drag a table view controller to my view, then it seems I should be able to drag a table view cell to the table view but it won't let me drop it down. If I do it in the documents window it just replaces the table view with a cell. Seems like this shouldn't be hard, but it's one of those things that should take 2 seconds but I have been messing with it for hours. It seems like most of the examples I have looked at in the same code don't use iB so I haven't found a good reference. If somebody can point me in the write direction let me know.

I struggled a bit too. Here's what I did on my recently completed app. I used IB to create the basic view and add the table. That's it. Then ensure your UIViewController based class implements the UITableViewDelegate and UITableViewDataSource protocols. Your cells will come from those methods, not anything you do in IB.
If you're creating a set of screens that just have tables that allow you to navigate up and down through the data then IB isn't worth using at all.
Just have your views extends UITableViewController and follow some of the supplied table based example apps.
I rewrote my first app 3 times as I slowly figured all of this out.
Hope that helps.

[iPhone] Grouped Table View using SQLITE?

I am filling my table views from a SQLITE table. I am trying to get it to display in grouped mode, but I am unsure on how to handle this using SQLITE. I can get the grouped mode to work, but I can't get it to show any headers, it is just one large block with all the returned results.
Anyone been able to get this to work or might have some advice?
Thanks.

Beers is correct. This is easy to accomplish though, if you have your recordset fed into an array on SELECT.
I'll start you off because i'm such a stand-up guy
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tv {
return 123456789;
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {
// switch( section ), or if statements to send different titles
return @"My Title Is The Greatest";
- (NSInteger)tableView:(UITableView *)tv numberOfRowsInSection:(NSInteger)section {
// Again, if more than one section do a switch( section ): or bunch of if statements
return [myDataArray count];

My iphone keeps updating about 500 files each time I sync

I haven't made changes to all of these files, including Christmas songs, but they nevertheless keep getting updated whenever I sync. Also, there is about 140 photos that keep getting optimized during the sync as well. Does anyone know why it keeps repeating this? I would think that once the photos are optimized for the phone, they wouldn't need to be done again.
Thanks

Hey joshuafromisr,
If you resintall iTunes, it should fix the issue. The following document will go over how to remove iTunes fully and then reinstall. Depending on what version of Windows you're running you'll either follow the directions here:
Removing and Reinstalling iTunes, QuickTime, and other software components for Windows XP
http://support.apple.com/kb/HT1925
or here:
Removing and reinstalling iTunes, QuickTime, and other software components for Windows Vista or Windows 7
http://support.apple.com/kb/HT1923
Best,
David

Image table views

Hi all,
I have a basic question about tableviews with user generated photos. I want to create a scrollable table view feed where each cell (the entire cell) is of an image that is uploaded by users, with a editable text box over the image in the tableview (much like the VEVO app tableview on the iphone).
Would I have to create a custom class for this UItableview, or is there already a template for this?

Where should i store the images
Store the image inside the project as 'Resources'.
And how should I place in the table
One method is to add the image by first drawing a CGRect and then placing the image inside...like this:
CGRect myImageRect = CGRectMake(18.0f, 13.0f, 172.0f, 42.0f);
UIImageView *myImage = [[UIImageView alloc] initWithFrame:myImageRect];
[myImage setImage:[UIImage imageNamed:@"allrnd.png"]];
myImage.opaque = YES; // explicitly opaque for performance
self.view addSubview:myImage];
[myImage release];
If you have multiple images, repeat the code block and change the name if myImage to something unique and change the f values shown for placement as required.
Try to get the image as close as possible to the rect they will fill to avoid unnecessarily bloating the project/app size overall. In the example above, the image sits at 18 pixels from the left, 13 pixels down from the top and is 172 wide and 42 tall.
See this doc from Apple for details:
http://developer.apple.com/iphone/library/documentation/GraphicsImaging/Referenc e/CGGeometry/Reference/reference.html

JavaFX table view headers bug?

Hi,
I created simple application with table view and I have problem with the way that table view headers are displaying.
When table view is not focused headers are improper width but when table get focus then headers width is changing and everything is working as expected.
Before table view get focus:
http://imageshack.us/a/img841/6853/j9u9.png
After table view get focus:
http://imageshack.us/a/img43/922/169f.png
Best regards,
Lukas

You should run this app without problems becouse it is embeded SQLLite databse. Look into SqlLiteDB class. You can even delete database.db file becouse sqllite driver will automatically create database.
I check your example and is perfect becouse is showing my issue You should only make small change that you skipped: ( table.setColumnResizePolicy(TableView.CONSTRAINED_RESIZE_POLICY); )
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.TextField;
import javafx.scene.control.cell.MapValueFactory;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;
import java.util.*;
public class Main extends Application {
 @Override
 public void start(Stage primaryStage) {
 final AnchorPane root = new AnchorPane();
 root.setPadding(new Insets(10));
 final HBox controls = new HBox(5);
 final Button getDataButton = new Button("load data");
 final TextField textField = new TextField();
 final TableView<Map> table = new TableView<>();
 table.setColumnResizePolicy(TableView.CONSTRAINED_RESIZE_POLICY);
 getDataButton.setOnAction(new EventHandler<ActionEvent>() {
 @Override
 public void handle(ActionEvent event) {
 DataSource dataSource = new DataSource();
 table.getColumns().clear();
 table.getColumns().addAll(dataSource.getTableColumns());
 table.setItems(dataSource.getQueryResult());
 controls.getChildren().addAll(getDataButton, textField);
 AnchorPane.setTopAnchor(controls, 10.0);
 AnchorPane.setLeftAnchor(controls, 10.0);
 AnchorPane.setRightAnchor(controls, 10.0);
 AnchorPane.setTopAnchor(table, 45.0);
 AnchorPane.setRightAnchor(table, 10.0);
 AnchorPane.setLeftAnchor(table, 10.0);
 AnchorPane.setBottomAnchor(table, 10.0);
 root.getChildren().addAll(controls, table);
 primaryStage.setScene(new Scene(root, 1000, 1000));
 primaryStage.show();
 public static class DataSource {
 public List<TableColumn<Map, Object>> getTableColumns() {
 TableColumn<Map, Object> idColumn = new TableColumn<>("ID");
 idColumn.setCellValueFactory(new MapValueFactory<Object>("ID"));
 TableColumn<Map, Object> nameColumn = new TableColumn<>("NAME");
 nameColumn.setCellValueFactory(new MapValueFactory<Object>("NAME"));
 return Arrays.asList(idColumn, nameColumn);
 public ObservableList<Map> getQueryResult() {
 List<Map> result = new ArrayList<>();
 for (int i = 0; i < 200; i++) {
 Map<String, Object> row = new HashMap<>();
 row.put("ID", i);
 row.put("NAME", "Name " + i);
 result.add(row);
 return FXCollections.observableArrayList(result);
 public static void main(String[] args) {
 launch(args);

Calling a Breadcrumb image inside a Table view column

Hi
I want a sample code to call any bread crumb related image inside a table view column.
Please help with a code snippet.

I mean that, inside the iterator class of the tableView, write this code in the RENDER_CELL_START method.
method IF_HTMLB_TABLEVIEW_ITERATOR~RENDER_CELL_START.
CASE p_column_key.
 WHEN 'ICON'.
p_replacement_bee = CL_HTMLB_IMAGE=>FACTORY( id = p_cell_id src = '@3J@' ).
 ENDCASE.
Inside the method, GET_COLUMN_DEFINITIONS you need to append a column for icon, see the code below:
APPEND INITIAL LINE TO p_column_definitions ASSIGNING <def>.
 <def>-COLUMNNAME = 'ICON'.
 <def>-TITLE = 'Display Icon'.
For more info you can refer to weblog on HTMLB TableView Iterator by Brian.
Hope I am clear.
Regards,
Ravikiran.C

How to instantiate multiple large tables while DB is online

Hello Experts,
I've set up goldengate on a RHEL 11.2.0.3 Cluster to a HP Unix Itanium 10.2.0.4 database.
I've got a sample table replicated successfully, and changes are moving over to the target system.
However, now comes the real thing, I have about 100 + varying size tables, one 1TB, then a few 30 GB tables, and then finally a bunch of smaller tables.
I've not been able to find a clean way to do this while the db is online.
The afterscn is good, but it works for the replicat not at the table level...
Any help is appreciated.
Best Regards.

Since I've received no updates here, I'd put in an SR with Oracle Support.
The suggestion was to add additional large tables online using another new replicat, with the afterscn option for the replicat.
Once the changes are all synced up and the replication has been running for a while, stop the Pump on the source, stop the new replicat, delete it, and move the table configuration to an existing replicat, and startup the stopped pump, and you're done with the online re-instantiation.
Am putting it to the test, but logically it sounds feasible.

JTable, how to highlight cells with tooltips?

Hello all!
Mine problem is descriped in the topic - I though about custom cell renderer but I dont have an Idea how to change background for many other cells in other rows and don't change background in whole columns. Any of You could help?

Hey thanks for replying.
With code like that:
public class yellowCellRenderer
extends DefaultTableCellRenderer
private int whichRow = 0;
public yellowCellRenderer(int saveToRow)
 this.whichRow = saveToRow;
public Component getTableCellRendererComponent(JTable table, Object value,
 boolean isSelected, boolean hasFocus, int row, int column)
 if(this.whichRow == row){
 this.setBackground(Color.YELLOW); // All columns verified were empty - set our background RED
 return this;
}and usage:
 comments.add(comment);
 JTable table = getMainTable();
 TableColumnModel colModel = table.getColumnModel();
 for(int i=0;i<comment.length;i++){
 if(!Main.isStringEmpty((String)comment)){
 TableColumn column = colModel.getColumn(i);
 column.setCellRenderer(
 new yellowCellRenderer(table.getRowCount()-1)
Every each cell in column gets yellow background... What am I doing wrong?

Table UI element - dynamic cell editor change on runtime

Hello,
I have standard table UI element defined on one of the views as part of it's layout, two columns only - KEY and VALUE. Both defined as text cell editor by default. Content of the table is dynamic and different combination of keys and values are presented depending on the app context.
Recently the need arised to (depending on the key value) change the cell editor type for single rows only, dynamically from text to link to action - and to register a triggable event for that with some logic behind (to open new window when link is clicked).
Is it possible at all to have a column in Table UI element with different editor types set dynamically on runtime for different rows? Some cells then wolud still be presented as text, some would have a link to action in them.
If possible can I ask for any hints on how to achieve that?
I imagine that first I have to get somehow a reference to the UI element created when the view is triggered first time, then after I recieve values from backend but prior (or after?) binding it to the table context I would like to evaulate the keys and change cell editors accordingly. Then for changed editors (link to action) I would like to register triggable events (on action) which would call some custom methods for further processing. Please advice.
Best regards,
Marcin

Hi,
   You can use the cell variants to display different cell editors in different rows.
   First in your table column where you want to display different cell editors insert two cell variants
   and fill the VARIANT KEY for each cell variant and insert textview under one cell variant and input field
   under another cell variant, and bind the text to be displayed to these cell editors, now take an extra
   attribute of type string in your node and bind it to the table column property SELECTED CELL VARIANT.
   Now depending on your requirement change this attribute to any of the VARIANT KEY defined for cell variants.
loop at itab into wa.
      if 'YOUR CONDITION'.
        wa-cellvar = 'VAR1'.                 "cellvar is the attribute which is bound to SELECTED CELL VARIANT
        else.                                          " of table column
          wa-cellvar = 'VAR2'.                 " VAR1 and VAr2 are the variant keys of cellvariants
          endif.
          modify itab from wa.
      endloop.
Hope this solves your problem.

Table view column cell Focusing while editing.

I have a table view with single column. I have defined custom cell factory for this column. When the table renders, a text value is shown for each cell in that column. When the user start editing the cells , then the contents of the cell changes and it shows 2 buttons, few check boxes and few radio buttons. Once the user selects his choice and clicks on a button inside the cell, the cell's editing is completed and cell's content is replaced with a plain text field.
Now while editing if the user clicks on any other cell, the current editing cell's cancel method is called and text field is show. However, if the user clicks mouse outside the table, the cell is still in editing state.
1) how to call the cancel editing method automatically here.
2) Also, if we try to associate with focus property, how to do it. i.e. on which component should I associate focused property since the cell now is replaced with a bunch of components.
3) If the user tries to use up or down arrow, then how to stop or start editing on the next cells.
Thanks.

Have you assigned an action to the CheckBox.onSelect event? If not, there is no server roundtrip triggered and the visibility is not updated.
I would create two context attributes "ColumnsVisible" (boolean) and calculated attribute "ColumnsVisibility" (Visibility), assign an empty action to the CheckBox.onSelect event, bind CheckBox.checked to "ColumnsVisible", TableColumn.visible to "ColumnsVisibility" and implement the calc. attribute getter as
WDVisibility getColumnsVisibility(...)
return element.getVisible() ? WDVisibility.VISIBLE : WDVisibility.NONE;
Armin

Set back ground color to a particular cell in table view

hi,
 iam working on a jspDynpage and have a htmlb table view for which i need a way to set back ground color to a particular cell in table view, the color has to be set based on a value..is there a way to do it without using an iterator...well iam using a cellRenderer for the table but cant find a way to set the colors...if anyone does have a way please do reply...regards

You can mention the color in textview as well as Label as follows:
 <htmlb:textView text = "My Textview"
 design = "EMPHASIZED" />
 <htmlb:label for = "MyLabel"
 text = "Label "
 encode = "false"/>
Reward each helpful answer
Raja T
Message was edited by:
 Raja Thangamani

How to subdivide 1 large TABLE based on the output of a VIEW

I am searching for a decent method / example code to subdivide a large table (into a global temp table (GTT) for further processing) based on a list of numeric/alphanumeric which is the resultset from a view.
I am groping with the following strategy in PL/SQL:
1 -- set up cursor, execute the view (so I have the list of identifiers)
2 -- create a second cursor (or loop?) which:
accepts each of the identifiers in turn
executes a query (EXECUTE IMMEDIATE?) on the larger table
INSERTs (or appends?) each resultset into the GTT
3 -- Then the GTT contains just the requires subset of the larger table for further processing and eventual import into iReport for reporting.
Can anyone point me to code that would "spoon feed" me on this? Or suggest the best / better way to go about it?
The scale of the issue here -- GTT is defined and ready to go, the larger table contains approx 40,000 rows and I need to extract a dozen subsets or so which add up to approx 1000 rows.
Thanks,
Rob

Welcome to the forum!
>
I am searching for a decent method / example code to subdivide a large table (into a global temp table (GTT) for further processing) based on a list of numeric/alphanumeric which is the resultset from a view.
Can anyone point me to code that would "spoon feed" me on this? Or suggest the best / better way to go about it?
The scale of the issue here -- GTT is defined and ready to go, the larger table contains approx 40,000 rows and I need to extract a dozen subsets or so which add up to approx 1000 rows.
>
No - there is no code to point you to.
As many of the previous responses indicate part of the concern is that you seem to have already chosen and partially implemented a solution but the information you provided makes us question whether you have adequately analyzed and defined the actual problem and processing that needs to happen. Here's why I have questions about your approach
1. GTT - a red flag issue - these tables are generally not needed in Oracle. So when you, or anyone says they plan to use one it raises a red flag. People want to be sure you really need one rather than not using a table at all, or just using a regular table instead of a GTT.
2. Double nested CURSOR loops - a DOUBLE red flag issue - this is almost always SLOW-BY-SLOW (row-by-row) processing at its worst. It is seldom needed, doesn't perform well and won't scale. People are going to question this choice and rightfully so.
3. EXECUTE IMMEDIATE - a red flag issue or at least a yellow/warning flag. This is definitely a legitimate methodology when it is needed but may times developers resort to it when it isn't needed because it seems easier than doing the hard work of actually defining ALL of the requirements. It seems easier because it appears that it will allow and work for those 'unexpected' things that seem to come up in new development.
Unfortunately most of those unexpected things come up because the developer did not adequately define all of the requirements. The code may execute when those things arise but it likely won't do the right thing.
Seeing all three of those red flag issues in the same question is like waving a red flag at a charging bull. The responses you get are all likely to be of the 'DO NOT DO THAT' variety.
You are correct that a work table is appropriate when there is business logic to be applied to a set of data that cannot be applied using SQL alone. Use a regular table unless
1. you plan to have multiple sessions working with the table simutaneously,
2. each session needs to work with ONLY their own data in that table and not data from other sessions
3. the data does NOT need to be available after the session ends
4. you actually need a GTT to take advantage of the automatic data preservation (ON COMMIT PRESERVE/DELETE) functionality
Remember - when a session ends the data in the GTT is gone. That can makek it very difficult to troubleshoot data related problems since a different session can't see what data is in the table. Even if a GTT is needed for the final product it is very useful to use a regular table so that the data can be examined after test runs to help find and fix problems. Then after development is complete and initial testing is done a GTT would be substituted and final testing performed.
So the main remaining question is why you need to perform multiple dynamic queries to get the data populated into the work table? Especially why is a nested cursor loop needed? My suspicion is that you have the queries stored in a query table and one of your loops extracts the query and executes it dynamically.
How many queries are we talking about? Do these queries change from run to run? Please provide more detail of the process and an example query for the selection filtering as well as a typical dynamic query you plan to use.

[iPhone] large table view (500+ elements), each cell with a UIWebView

Similar Messages

Maybe you are looking for