private void prepareSearchBar() { var image = MaterialIcon.CM.ArrowBack; //Back button. var backButton = new IconButton(); backButton.TintColor = MaterialColor.BlueGrey.Darken4; backButton.SetImage(image, UIControlState.Normal); backButton.SetImage(image, UIControlState.Highlighted); //More button. image = MaterialIcon.CM.MoreHorizontal; var moreButton = new IconButton(); moreButton.TintColor = MaterialColor.BlueGrey.Darken4; moreButton.SetImage(image, UIControlState.Normal); moreButton.SetImage(image, UIControlState.Highlighted); SearchBar.TextField.Delegate = new AppSearchBarControllerTextFieldDelegate(this); SearchBar.LeftControls = new UIControl[] { backButton }; SearchBar.RightControls = new UIControl[] { moreButton }; }
private void prepareIconButtonExample() { nfloat w = 64f; var img = Icon.CM.Search; var button = new IconButton(new CGRect((View.Bounds.Width - w) / 2, 400, w, w)); button.SetImage(image: img, forState: UIControlState.Normal); button.SetImage(image: img, forState: UIControlState.Highlighted); View.AddSubview(button); }
private void prepareSearchBar() { searchBar = new SearchBar(); containerView.AddSubview(searchBar); var image = MaterialIcon.CM.MoreVertical; var moreButton = new IconButton(); moreButton.PulseColor = MaterialColor.Grey.Base; moreButton.TintColor = MaterialColor.Grey.Darken4; moreButton.SetImage(image, UIControlState.Normal); moreButton.SetImage(image, UIControlState.Highlighted); searchBar.LeftControls = new UIControl[] { moreButton }; }
void prepareToolbar() { toolbar = new Toolbar(); containerView.AddSubview(toolbar); toolbar.Title = "Material"; toolbar.TitleLabel.TextColor = MaterialColor.White; toolbar.Detail = "Build Beautiful Software"; toolbar.DetailLabel.TextColor = MaterialColor.White; var image = MaterialIcon.CM.Menu; var menuButton = new IconButton(); menuButton.PulseColor = MaterialColor.White; menuButton.TintColor = MaterialColor.White; menuButton.SetImage(image, UIControlState.Normal); menuButton.SetImage(image, UIControlState.Highlighted); var switchControl = new MaterialSwitch(state: MaterialSwitchState.Off, style: MaterialSwitchStyle.LightContent, size: MaterialSwitchSize.Small); image = MaterialIcon.CM.Search; var searchButton = new IconButton(); searchButton.PulseColor = MaterialColor.White; searchButton.TintColor = MaterialColor.White; searchButton.SetImage(image, UIControlState.Normal); searchButton.SetImage(image, UIControlState.Highlighted); /* * To lighten the status bar - add the * "View controller-based status bar appearance = NO" * to your info.plist file and set the following property. */ toolbar.BackgroundColor = MaterialColor.Blue.Base; toolbar.LeftControls = new UIControl[] { menuButton }; toolbar.RightControls = new UIControl[] { switchControl, searchButton }; }
void prepareCardView() { var cardView = new Card(); cardView.BackgroundColor = Color.Grey.Lighten5; cardView.SetCornerRadiusPreset(CornerRadiusPreset.Radius1); cardView.Divider = false; cardView.ContentViewEdgeInsets = EdgeInsetsPreset.None; cardView.SetLayoutEdgeInsetsPreset(EdgeInsetsPreset.Square2; cardView.righ = EdgeInsetsPreset.Square2; cardView.ContentViewInsetPreset = EdgeInsetsPreset.None; var titleLabel = new UILabel(); titleLabel.Font = RobotoFont.MediumWithSize(20); titleLabel.Text = "Messages"; titleLabel.TextAlignment = UITextAlignment.Center; titleLabel.TextColor = MaterialColor.BlueGrey.Darken4; var v = new UIView(); v.BackgroundColor = MaterialColor.Blue.Accent1; var closeButton = new FlatButton(); closeButton.SetTitle("Close", UIControlState.Normal); closeButton.SetTitleColor(MaterialColor.Blue.Accent3, UIControlState.Normal); var image = MaterialIcon.CM.Settings; var settingButton = new IconButton(); settingButton.TintColor = MaterialColor.Blue.Accent3; settingButton.SetImage(image, UIControlState.Normal); settingButton.SetImage(image, UIControlState.Highlighted); cardView.TitleLabel = titleLabel; cardView.ContentView = tableView; cardView.LeftButtons = new UIButton[] { closeButton}; cardView.RightButtons = new UIButton[] { settingButton }; View.Layout(cardView).Edges(left: 10f, right: 10f, top: 100f, bottom: 100f); }
private void prepareLargeCardViewExample() { var image = UIImage.FromBundle(name: "CosmicMindInverted"); var cardView = new MaterialPulseView(frame: new CGRect(16, 100, View.Bounds.Width - 32, 400)); cardView.PulseColor = MaterialColor.BlueGrey.Base; cardView.Depth = MaterialDepth.Depth1; View.AddSubview(cardView); var leftImageView = new MaterialView(); leftImageView.Image = image; leftImageView.ContentsGravityPreset = MaterialGravity.ResizeAspectFill; cardView.AddSubview(leftImageView); var topImageView = new MaterialView(); topImageView.Image = image; topImageView.ContentsGravityPreset = MaterialGravity.ResizeAspectFill; cardView.AddSubview(topImageView); var bottomImageView = new MaterialView(); bottomImageView.Image = image; bottomImageView.ContentsGravityPreset = MaterialGravity.ResizeAspectFill; cardView.AddSubview(bottomImageView); var contentView = new MaterialView(); contentView.BackgroundColor = MaterialColor.Clear; cardView.AddSubview(contentView); var titleLabel = new UILabel(); titleLabel.Text = "Material"; titleLabel.TextColor = MaterialColor.BlueGrey.Darken4; titleLabel.BackgroundColor = MaterialColor.Clear; contentView.AddSubview(titleLabel); image = MaterialIcon.CM.Add; var moreButton = new IconButton(); moreButton.ContentEdgeInsetsPreset = MaterialEdgeInset.None; moreButton.PulseColor = MaterialColor.BlueGrey.Darken4; moreButton.TintColor = MaterialColor.BlueGrey.Darken4; moreButton.SetImage(image: image, forState: UIControlState.Normal); moreButton.SetImage(image: image, forState: UIControlState.Highlighted); contentView.AddSubview(moreButton); var detailLabel = new UILabel(); detailLabel.Lines = 0; detailLabel.LineBreakMode = UILineBreakMode.TailTruncation; detailLabel.Font = RobotoFont.RegularWithSize(12); detailLabel.Text = "Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift."; detailLabel.TextColor = MaterialColor.BlueGrey.Darken4; detailLabel.BackgroundColor = MaterialColor.Clear; contentView.AddSubview(detailLabel); var alarmLabel = new UILabel(); alarmLabel.Font = RobotoFont.RegularWithSize(12); alarmLabel.Text = "34 min"; alarmLabel.TextColor = MaterialColor.BlueGrey.Darken4; alarmLabel.BackgroundColor = MaterialColor.Clear; contentView.AddSubview(alarmLabel); image = UIImage.FromBundle(name: "ic_alarm_white").ImageWithRenderingMode(UIImageRenderingMode.AlwaysTemplate); var alarmButton = new IconButton(); alarmButton.ContentEdgeInsetsPreset = MaterialEdgeInset.None; alarmButton.PulseColor = MaterialColor.BlueGrey.Darken4; alarmButton.TintColor = MaterialColor.Red.Base; alarmButton.SetImage(image: image, forState: UIControlState.Normal); alarmButton.SetImage(image: image, forState: UIControlState.Highlighted); contentView.AddSubview(alarmButton); leftImageView.Grid().Rows = 7; leftImageView.Grid().Columns = 6; topImageView.Grid().Rows = 4; topImageView.Grid().Columns = 6; topImageView.Grid().Offset.Columns = 6; bottomImageView.Grid().Rows = 3; bottomImageView.Grid().Offset.Rows = 4; bottomImageView.Grid().Columns = 6; bottomImageView.Grid().Offset.Columns = 6; contentView.Grid().Rows = 5; contentView.Grid().Offset.Rows = 7; cardView.Grid().Axis.Direction = GridAxisDirection.None; cardView.Grid().Spacing = 4; cardView.Grid().Views = new List <UIView> { leftImageView, topImageView, bottomImageView, contentView }; titleLabel.Grid().Rows = 3; titleLabel.Grid().Columns = 8; moreButton.Grid().Rows = 3; moreButton.Grid().Columns = 2; moreButton.Grid().Offset.Columns = 10; detailLabel.Grid().Rows = 6; detailLabel.Grid().Offset.Rows = 3; alarmLabel.Grid().Rows = 3; alarmLabel.Grid().Columns = 8; alarmLabel.Grid().Offset.Rows = 9; alarmButton.Grid().Rows = 3; alarmButton.Grid().Offset.Rows = 9; alarmButton.Grid().Columns = 2; alarmButton.Grid().Offset.Columns = 10; contentView.Grid().Spacing = 8; contentView.Grid().Axis.Direction = GridAxisDirection.None; contentView.Grid().ContentInsetPreset = MaterialEdgeInset.Square3; contentView.Grid().Views = new List <UIView> { titleLabel, moreButton, detailLabel, alarmLabel, alarmButton }; }