<center><h2>𝓖𝓻𝓮𝓮𝓽𝓲𝓷𝓰𝓼</h2></center>
<div class="text-justify">

Hello, beautiful members of Hive Learners, I hope you all are well. Welcome to our 20th lecture on Android App Development. We end with the simple calculator and we learn many new things during the simple calculator development. Today we will start a new app and explore more in Android app development.

![](https://images.ecency.com/DQmctagfaWYD12LjhgrUJvhiaHuRTeyZ4xySVuEEgb7LaJ1/multi_purpose_2_.png)


### [GitHub Link](https://github.com/faisalamin9696/HiveLearners)

Use this GitHub project to clone into your directory. It will constantly get updated in the following lecture so you will never miss the latest code. Happy Coding!.

### What Should I Learn
- Show/Hide a widget
- Use logic to show or hide a widget

### Assignment
- Create Logic to show and hide a widget

### Procedure

I create a new project HiveLearners2. We need to add a button and a textview. Here is the ```main_activity.xml``` code.

```
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/state_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hide" />

    <TextView
        android:id="@+id/name_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hive Learners"
        android:textSize="20sp"
        android:textStyle="bold" />

</LinearLayout>
```

![](https://images.ecency.com/DQmbzARVigVUoqaNbJLQdW7JozN6W5XEGV8J4yATpDtX9qy/image.png)

Now will declare, initialize and add an on-click listener for the button in the ```Main_Activity.java``` file.

![](https://images.ecency.com/DQmbLLiN5zPwzg5yHgVk9ZqiraEZwgWH1SxJ87G35s3tU7g/image.png)

Now we will use the Visibility function ```setVisibility```. It accepts three parameters, View.VISIBLE, View.INVISIBLEand View.GONE. with View.GONEthe target widget leave our screen and set its height and width to 0.

```
                name_tv.setVisibility(View.INVISIBLE);
```

It will hide the name_tv when state_btn is clicked. Run and check is it working or not.

![](https://images.ecency.com/DQmZFYD1Fj6Mms5vRDJ3t4ENN9B1GYWjNKnrqMCxuJNcF53/image.png)

![](https://images.ecency.com/DQmPegvfbKEHWZddvyYqqxwrthC5vTt2QLFAhQirJEGr9D7/image.png)

Now let's create a login to hide and show the text and also change the text of the button. When the name_tv is hidden button text will be shown and vice versa.</div>

```
 if (name_tv.getVisibility() == View.INVISIBLE) {
                    name_tv.setVisibility(View.VISIBLE);
                    state_btn.setText("HIDE");
                } else {
                    name_tv.setVisibility(View.INVISIBLE);
                    state_btn.setText("SHOW");
                }
```

![](https://images.ecency.com/DQmSwuN3DEdMXr6VujLBmz3iw7rjhVLMT8NXcKrwYAHwkHp/image.png)

<center>
![hl_divider.png](https://images.ecency.com/DQmabQycJhW8DT8a634z3wQaVXvPZ5KMii2LYbaWZ3PsaRy/hl_divider.png)

<h2>Thank You</h2>

![hl_footer_banner.png](https://images.ecency.com/DQmZ4HF3hjV4HwJXuw8vRJ6B6CiMC3kUkkoihjtm7z2Gii7/hl_footer_banner.png)
<div class="pull-left"><a href="https://discord.gg/7Bzqv4qUMT">
<img src="https://cdn.steemitimages.com/DQmXd6PwGUHRgSDkWtwKfDvdFpaLHXvXBdK7wnYZeqe1GUa/discord_animation_logo.gif"/></a>
</center>