Tutorial by Examples: view

Access the container view controller

When the view controller is presented within a tab bar controller, you can access the tab bar controller like this: Swift let tabBarController = viewController.tabBarController Objective-C UITabBarController *tabBarController = self.tabBarController; When the view controller is part on an n...

iOS • UIViewController

Passing variables to View

Pass each variable to view at a time $this->set('color', 'pink'); $this->set('color', $color); Pass multiple variables to view together via compact() function $color1 = 'pink'; $color2 = 'red'; $this->set(compact('color1', 'color2'));

cakephp • CakePHP3 Coding Tips

Overview

In Ansible, a playbook is is a YAML file containing the definition of how a server should look. In a playbook you define what actions Ansible should take to get the server in the state you want. Only what you define gets done. This is a basic Ansible playbook that installs git on every host belongi...

ansible • Introduction to playbooks

View Weight

One of the most used attribute for LinearLayout is the weight of its child views. Weight defines how much space a view will consume compared to other views within a LinearLayout. Weight is used when you want to give specific screen space to one component compared to other. Key Properties: wei...

Android • Layouts

Using a custom font in a TextView

public void setFont(TextView textView) { textView.setTypeface(myFont); }

Android • Custom Fonts

How to make custom reusable UIView using XIB

Following example shows steps involved in initializing a view from XIB. This is not a complex operation but exact steps need to be followed in order to do it right way first time, avoiding exceptions. How does loadNibNamed Works Main steps are: Create XIB Create class .h and .m Define outlet...

iOS • Custom UIViews from XIB files

Django Class Based Views: Example of CreateView

With the Class Based generic Views, it is very simple and easy to create the CRUD views from our models. Often, the built in Django admin is not enough or not preferred and we need to roll our own CRUD views. The CBVs can be very handy in such cases. The CreateView class needs 3 things - a model, t...

Django • Class based views

Defining a state with multiple view

In ui-router a state can hold multiple views, each with his own controller and a template .state('dashboard', { name: 'dashboard', url: '/dashboard', views: { "view1": { templateUrl: "path/to/view1.html", controller: "...

angular-ui-router • Getting started with angular-ui-router

RecyclerView Basics

This is an example of using Android Support Library V7 RecyclerView. Support libraries are generally recommended because they provide backward-compatible versions of new features, provide useful UI elements that are not included in the framework, and provide a range of utilities that apps can draw o...

Xamarin.Android • RecyclerView

A View Bound to Existing HTML

Assuming this HTML in the page: <body> <div id="myPage"> </div> </body> A view can be bound to it with: var MyPageView = Backbone.View.extend( { "el": "#myPage", "template": _.template( "<p>This is m...

backbone.js • View

View's initialize function

initialize is called by Backbone right after a View is constructed. Optional parameters The initialize function receives any arguments passed to the view's constructor. Commonly, the options hash that is used to pass the view's default options: ['model', 'collection', 'el', 'id', 'attributes', 'c...

backbone.js • View

Overview

In Vue.js, conditional rendering is achieved by using a set of directives on elements in the template. v-if Element displays normally when condition is true. When the condition is false, only partial compilation occurs and the element isn't rendered into the DOM until the condition becomes true. ...

Vue.js • Conditional Rendering

Filter items inside RecyclerView with a SearchView

add filter method in RecyclerView.Adapter: public void filter(String text) { if(text.isEmpty()){ items.clear(); items.addAll(itemsCopy); } else{ ArrayList<PhoneBookItem> result = new ArrayList<>(); text = text.toLower...

Android • RecyclerView

Fetch Initial ViewController

//Swift let initialScreen = storyboard.instantiateInitialViewController() //Objective-c UIViewController *initailScreen = [storyboard instantiateInitialViewController];

iOS • Storyboard

Fetch ViewController

//Swift let viewController = storyboard.instantiateViewControllerWithIdentifier("identifier") //Objective-c UIViewController *viewController = [storyboard instantiateViewControllerWithIdentifier:@"identifier"];

iOS • Storyboard

Animating a UIView

let view = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100)) view.backgroundColor = UIColor.orange self.view.addSubview(view) UIView.animate(withDuration: 0.75, delay: 0.5, options: .curveEaseIn, animations: { //This will cause view to go from (0,0) to // (self.view.frame.origi...

iOS • UIView

Testing the view models

Before we start... In terms of application layers your ViewModel is a class containing all the business logic and rules making the app do what it should according to the requirements. It's also important to make it as much independent as possible reducing references to UI, data layer, native featur...

Xamarin.Forms • Unit Testing

Create a full screen SKView using Interface Builder

A typical use case for SpriteKit is where the SKView fills the whole screen. To do this in Xcode's Interface Builder, first create a normal ViewController, then select the contained view and change its Class from UIView to SKView: Within the code for the View Controller, in the viewDidLoad metho...

sprite-kit • SKView

Expanding & Collapsing UITableViewCells

In your Storyboard, add a UITableView object on your UIViewController and let it cover the entire view. Setup the UITableviewDataSource and UITableviewDelegate connections. Objective-C In your .h file NSMutableArray *arrayForBool; NSMutableArray *sectionTitleArray; In your .m file - (void)vi...

iOS • UITableView

ScrollView with AutoLayout

Simple steps to use scrollview with autolayout. Create a new project with single view application Select the default viewcontroller and change its screen size to iPhone-4inch from attributes inspector. Add a scrollview to your viewcontroller's view as follows and set background color to blue ...

iOS • UIScrollView