Intersoft Community - Crosslight - unable to get my Custom View cell to appear on Navigation View Controller

unable to get my Custom View cell to appear on Navigation View Controller

yudi — Mon, 16 Jun 2014 04:49:03 GMT

double post

unable to get my Custom View cell to appear on Navigation View Controller

yudi — Mon, 16 Jun 2014 04:46:48 GMT

Please find the modified version of DemoTableSource sample project in here.

The changes that were made to the original DemoTableSource sample project is as follow

In the xib file, please don’t use name which equals to the reference which is available in iOS.
In the original DemoTableSource sample project, the CustomTableSource is initialized in OnInitializeView. You should do that in OnViewInitialized just like the one that is shown in CustomStyleListViewController.cs in DataSamples project.

Hope this helps.

unable to get my Custom View cell to appear on Navigation View Controller

nick5454 — Fri, 13 Jun 2014 16:40:16 GMT

File 3 of 3. Remove the .txt from the 2 files so you can reattach. I used the zip command in terminal to split them up

unable to get my Custom View cell to appear on Navigation View Controller

nick5454 — Fri, 13 Jun 2014 16:38:10 GMT

File 2 of 3

unable to get my Custom View cell to appear on Navigation View Controller

nick5454 — Fri, 13 Jun 2014 16:17:38 GMT

File 1 of 3

unable to get my Custom View cell to appear on Navigation View Controller

technical@intersoftpt.com — Wed, 11 Jun 2014 13:39:40 GMT

Dear Nicholas,

Please make sure you inherit your custom table source from ObservableTableSource as in the data sample. That's because the table source provided by Crosslight already include the required implementation that comply tothe ViewModel pattern.

If you still experience issues, please send over a sample and we're happy to assist you solving the issues.

Thanks!

unable to get my Custom View cell to appear on Navigation View Controller

nick5454 — Wed, 11 Jun 2014 09:18:29 GMT

So I wiped that project and started another with the camera store wizard.

The problem I get is this, as shown in the data samples I do a RegisterNavigation and I get an error from the SelectionViewController.

If I leave of that attribute on the ViewController it works, but the binding is removed ( new TableSource line is present ).

If I remove the new table source line I get the binding to my properties, but I can't change the background to clear color.

Why do I lose all binding when I create a custom table source and why is there an error with the Selection View controller when I register my custom control?

unable to get my Custom View cell to appear on Navigation View Controller

yudi — Tue, 10 Jun 2014 23:50:53 GMT

Another noteworthy point is that if your custom table view cell has different height than the default, you should inherit the Crosslight’s default data source adapter and return the desired height in the GetHeight method of the adapter.

Source: Customizing Cell Styles on iOS section from Customizing Cell Styles documentation.

You may also check the CustomStyleListViewController.cs code on DataSamples sample project which implemennts custom height. Use a custom table source with customized row height in OnViewInitialized (line 48 on CustomStyleListViewController.cs code). And the delegate should derives from ObservableTableSource.

Hope this helps.

unable to get my Custom View cell to appear on Navigation View Controller

nick5454 — Tue, 10 Jun 2014 14:25:30 GMT

I took the Master-Detail Wizard and I want to display custom view cells on that page. I need to expand the row to 152 pixels and I overrode the GetRowHeight on both the UITableViewController and it's delegate and it never hits that method to get the row height. What am I doing wrong?

[Register("MainViewController")]
	[ImportBinding(typeof(NavigationBindingProvider))]
	public class MainViewController : UITableViewController<NavigationViewModel>
    {
        #region Properties

        public override TableViewInteraction InteractionMode
        {
            get { return TableViewInteraction.Navigation; }
        }

		public override float GetHeightForRow (UITableView tableView, NSIndexPath indexPath)
		{
			return 152;
		}

		public override UITableViewCell GetCell (UITableView tableView, NSIndexPath indexPath)
		{
			return base.GetCell (tableView, indexPath);
		}

        public override bool ShowGroupHeader
        {
			get { return false; }
        }

        public override UITableViewStyle TableViewStyle
        {
			get { return UITableViewStyle.Grouped; }
        }

		public override TableViewCellStyle CellStyle
		{
			get
			{
				return TableViewCellStyle.Custom;
			}
		}

		public override UIViewTemplate CellTemplate
		{
			get
			{
				return new UIViewTemplate(BridgeTableViewCell.Nib);
			}
		}

		public override string CellIdentifier
		{
			get
			{
				return "BridgeTableViewCell";
			}
		}
        #endregion

        #region Methods

        protected override void InitializeView()
        {
            base.InitializeView();

            var label = new UILabel();
            label.Text = "Powered by Crosslight®";
            label.BackgroundColor = UIColor.Clear;
            label.TextColor = UIColor.DarkGray;
            label.ShadowColor = UIColor.White.ColorWithAlpha(0.8f);
            label.ShadowOffset = new SizeF(1, 1);
            label.Font = UIFont.SystemFontOfSize(14f);
            //label.AutoresizingMask = UIViewAutoresizing.FlexibleWidth | UIViewAutoresizing.FlexibleHeight | UIViewAutoresizing.FlexibleLeftMargin | UIViewAutoresizing.FlexibleRightMargin;
            label.SizeToFit();
            label.Frame = new RectangleF(label.Frame.Left, label.Frame.Top, label.Frame.Width, label.Frame.Height + 8);
            label.Center = new PointF(this.View.Bounds.Width / 2, label.Bounds.Height / 2);

            // set TableView footer
            this.TableView.TableFooterView = label;

            // set navigation title
            this.NavigationItem.Title = "Crosslight App";

			this.Appearance.BackgroundColor = UIColor.Clear;
			this.Appearance.BackgroundImage = "Bridge5.png";
			this.TableView.Delegate = new MainTableDelegate ();
        }

		private class MainTableDelegate : UITableViewDelegate {
			public override float GetHeightForRow (UITableView tableView, NSIndexPath indexPath)
			{
				return 152;
			}
		}
        #endregion
    }
}

Navigation View Model

public class NavigationViewModel : SampleListViewModelBase<BridgeNavigationItem>
    {
		private CameraRepository _repository;

        #region Properties

        public string AboutText
        {
            get { return _aboutText; }
            set
            {
                if (_aboutText != value)
                {
                    _aboutText = value;
                    OnPropertyChanged("AboutText");
                }
            }
        }


        private string _aboutText { get; set; }

        #endregion

        #region Constructors

        public NavigationViewModel()
        {
			List<BridgeNavigationItem> items = new List<BridgeNavigationItem>();

			_repository = new CameraRepository ();

			foreach (string item in _repository.GetAll()) {
				items.Add(new BridgeNavigationItem(item, "Piedras N...", typeof(CrossingOwlViewModel)));
			}
			//items.AddRange (_repository.GetAll ());
			//items.Add (new NavigationItem ("Crossing Owls", "Cameras", typeof(CrossingOwlViewModel)));
			//items.Add(new NavigationItem("Simple Page", "About", typeof(SimpleViewModel)));
			//items.Add(new NavigationItem("About This App", "About", typeof(AboutNavigationViewModel)));

			this.SourceItems = items;
            this.RefreshGroupItems();
        }

        #endregion

        #region Methods


        public override void RefreshGroupItems()
        {
            if (this.Items != null)
                this.GroupItems = this.Items.GroupBy(o => o.Group).Select(o => new GroupItem<NavigationItem>(o)).ToList();
        }


        #endregion
    }

BridgeNavigationItem

		public BridgeNavigationItem (string title, NavigationTarget target) : base(title, target)
		{
		}

		public BridgeNavigationItem(string title, string group, NavigationTarget target) : base(title, group, target) {
		}

		public BridgeNavigationItem(string title, string group, Type target) : base(title, group, target) {
		}

		public string BridgeName {
			get {
				return "Hello Bridge";
			}
		}
	}

NavigationBindingProvider

    public class NavigationBindingProvider : BindingProvider
    {
        #region Constructors

        public NavigationBindingProvider()
        {
            ItemBindingDescription itemBinding = new ItemBindingDescription()
            {
                DisplayMemberPath = "Title",
                NavigateMemberPath = "Target"
            };

            this.AddBinding("TableView", BindableProperties.ItemsSourceProperty, "Items");
            this.AddBinding("TableView", BindableProperties.ItemTemplateBindingProperty, itemBinding, true);
            this.AddBinding("TableView", BindableProperties.SelectedItemProperty, "SelectedItem", BindingMode.TwoWay);
        }

        #endregion
    }