Dynamic Multiple Icons Widget For Your Homescreen

Create a scrollable list of icons on your homescreen that you can change depending on your situation

Tags:
  1. joaomgcd

    STEP 1 - CREATE WIDGET


    • Create a task called Dynamic Icon Widget
    • Add a Widget v2 action
    • Give the widget the name Dynamic Icon Widget
    • Select the Buttons layout
    • Set the Texts to Test
    • Set the Images to any image you like (for example, a built-in Material one)
    • Accept the action
    • Run the task
    (i) If a widget with the name Dynamic Icon Widget doesn't exist yet on your home screen, Tasker will prompt your launcher to add it. Drag-and-drop the new widget on your launcher to add it. Notice how it's already configured with the text and icon you set it to.



    STEP 2 - CALL TASK WITH ICON


    • Go back to Tasker and accept the task you just created by going back to Tasker's main screen
    • Create a new task called Task 1
    • In it, add a Flash action with the text This is 1!
    • Save your Tasker setup
    /!\ If you don't save your setup at this point, the widget won't be able to call this new Task, so make sure to save it.
    • Go back into the Dynamic Icon Widget task
    • Edit the Widget v2 action
    • Set the Tasks field to Task 1
    • Go back and run the task again
    (i) If you now tap the widget on your home screen, you'll see that the Task 1 task is now being called. Next, let's see how to add multiple icons.



    STEP 3 - CALL MULTIPLE TASKS


    • Go back into Tasker's main screen and clone the Task 1 task 2 times so you end up with Task 2 and Task 3 as well
    • Inside those tasks change the Flash action texts to suit the task they're in
    • Save your Tasker setup with the check icon on the top-right
    /!\ If you don't save your setup at this point, the widget won't be able to call these new Tasks, so make sure to save it.
    • In the original Dynamic Icon Widget task, edit the Widget v2 action
    • Change the Texts to 1,2,3
    • Change the Images so that 3 comma separated images are present (you can use the Magnifying Glass helper to add more images)
    • Change the Tasks to Task 1,Task 2,Task 3
    (i) By setting these fields to multiple comma separated values, you're telling Tasker that you want to create multiple icons in the widget. The first text will use the first image and the first task, the second one will use the second image and task and so on.
    • Go back to the task and run it
    (i) If you now check your home screen, you now have a scrollable widget with the 3 buttons. You can expand the widget to make it as small or as large as you need it to be.



    Not In the Videos: You can disable the Material You Colors option in the Widget v2 action to make the widget background transparent.

    You can now add as many buttons and tasks to the widget as you want!
    You can also make these buttons change depending on your situation, by triggering this task with a profile!

    For example, you could have a profile:
    • when connected to your home Wifi network, run a task that creates a widget with 3 "at home" icons
    • when disconnected from your Wifi network, run a different task that creates a widget with 3 "away" icons
    Check here if you want to learn more about creating profiles.