Add restrictive layout barriers missing from the Android Android Studio context menu

Question

I am currently reviewing the ConstraintLayout tutorial and sticking to a specific step ( https://codelabs.developers.google.com/codelabs/constraint-layout/#10 ).

Source here ( https://github.com/googlecodelabs/constraint-layout ).

The instructions below add a vertical barrier, but I don't see the add option on the menu. In fact, all menu options look different. Where is the "Add Vertical Barrier" menu?

Right-click on ConstraintLayout in the project or the Tree component. You will see the “Add Vertical Barrier” and “Add Horizontal Barrier” options.

I am running Android 2.3.3.

build.gradle (module: application)

apply plugin: 'com.android.application'

android {
    compileSdkVersion 25
    buildToolsVersion "25.0.3"
    defaultConfig {
        applicationId "com.google.googleio"
        minSdkVersion 22
        targetSdkVersion 25
        versionCode 1
        versionName "1.0"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support.constraint:constraint-layout:1.1.0-beta1'
}

Answer 1

I am running Android 2.3.3.

I am going to assume that you mean that you are using Android Studio 2.3.3. In this case, there is no such menu. This is added in Android Studio 3.0, available in beta from today.

Answer 2

Add this line to your gradle (module: application)

implementation 'com.android.support.constraint:constraint-layout:1.1.0-beta1'