From ffb0fd629feb8d8d126e977c39b8a12be7f57150 Mon Sep 17 00:00:00 2001
From: Akash Yadav <itsaky01@gmail.com>
Date: Mon, 7 Mar 2022 14:14:10 +0530
Subject: [PATCH] Use sheets to edit attribute values in UI Designer

---
 .idea/jarRepositories.xml                     |   5 +
 .idea/misc.xml                                |   1 +
 app/build.gradle                              |   5 +
 .../main/assets/data/common/gradle-plugin.zip | Bin 37274 -> 37266 bytes
 .../adapters/AttrValueFormatTabAdapter.java   | 128 +++++++++++++
 .../attr/BaseValueEditorFragment.java         |  71 +++++++
 .../fragments/attr/BooleanEditor.java         |  24 +++
 .../fragments/attr/ColorEditor.java           |  24 +++
 .../fragments/attr/DimensionEditor.java       |  24 +++
 .../androidide/fragments/attr/EnumEditor.java |  60 ++++++
 .../fragments/attr/FixedValueEditor.java      |  64 +++++++
 .../androidide/fragments/attr/FlagEditor.java |  24 +++
 .../fragments/attr/FloatEditor.java           |  24 +++
 .../fragments/attr/FractionEditor.java        |  24 +++
 .../fragments/attr/IntegerEditor.java         |  24 +++
 .../fragments/attr/ReferenceEditor.java       |  24 +++
 .../fragments/attr/StringEditor.java          |  24 +++
 .../fragments/sheets/AttrEditorSheet.java     |  38 +++-
 .../sheets/AttrValueEditorSheet.java          | 177 ++++++++++++++++++
 .../androidide/views/ScalableTabLayout.kt     |  37 ++++
 .../androidide/views/ValueEditorTextView.java |  84 ---------
 app/src/main/res/color/bg_enum_chips.xml      |  20 ++
 .../res/layout/layout_attr_editor_sheet.xml   |  98 +++++-----
 .../res/layout/layout_attr_value_editor.xml   |  63 ++++---
 app/src/main/res/values/colors.xml            |   1 +
 .../java/com/itsaky/attrinfo/models/Attr.java | 161 ++++++++--------
 26 files changed, 989 insertions(+), 240 deletions(-)
 create mode 100644 app/src/main/java/com/itsaky/androidide/adapters/AttrValueFormatTabAdapter.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/attr/BaseValueEditorFragment.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/attr/BooleanEditor.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/attr/ColorEditor.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/attr/DimensionEditor.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/attr/EnumEditor.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/attr/FixedValueEditor.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/attr/FlagEditor.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/attr/FloatEditor.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/attr/FractionEditor.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/attr/IntegerEditor.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/attr/ReferenceEditor.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/attr/StringEditor.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/fragments/sheets/AttrValueEditorSheet.java
 create mode 100644 app/src/main/java/com/itsaky/androidide/views/ScalableTabLayout.kt
 delete mode 100644 app/src/main/java/com/itsaky/androidide/views/ValueEditorTextView.java
 create mode 100644 app/src/main/res/color/bg_enum_chips.xml

diff --git a/.idea/jarRepositories.xml b/.idea/jarRepositories.xml
index 84d72f15f..2ec85e3e0 100755
--- a/.idea/jarRepositories.xml
+++ b/.idea/jarRepositories.xml
@@ -41,5 +41,10 @@
       <option name="name" value="MavenLocal" />
       <option name="url" value="file:/$USER_HOME$/.m2/repository/" />
     </remote-repository>
+    <remote-repository>
+      <option name="id" value="MavenLocal" />
+      <option name="name" value="MavenLocal" />
+      <option name="url" value="file:/$USER_HOME$/.m2/repository" />
+    </remote-repository>
   </component>
 </project>
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
index d198c0b07..56787aacd 100755
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -49,6 +49,7 @@
         <entry key="..\:/Projects/AndroidStudioProjects/AndroidIDE/app/src/main/res/layout/layout_attr_editor_sheet.xml" value="0.25" />
         <entry key="..\:/Projects/AndroidStudioProjects/AndroidIDE/app/src/main/res/layout/layout_attr_editor_sheet_item.xml" value="0.25" />
         <entry key="..\:/Projects/AndroidStudioProjects/AndroidIDE/app/src/main/res/layout/layout_attr_value_editor.xml" value="0.25" />
+        <entry key="..\:/Projects/AndroidStudioProjects/AndroidIDE/app/src/main/res/layout/layout_attr_value_editor_enum.xml" value="0.25" />
         <entry key="..\:/Projects/AndroidStudioProjects/AndroidIDE/app/src/main/res/layout/layout_code_editor.xml" value="0.20185185185185187" />
         <entry key="..\:/Projects/AndroidStudioProjects/AndroidIDE/app/src/main/res/layout/layout_completion_item.xml" value="0.23854166666666668" />
         <entry key="..\:/Projects/AndroidStudioProjects/AndroidIDE/app/src/main/res/layout/layout_crash_report.xml" value="0.25" />
diff --git a/app/build.gradle b/app/build.gradle
index 0ca08c786..3fc24fa3a 100755
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -1,4 +1,5 @@
 apply plugin: 'com.android.application'
+apply plugin: 'kotlin-android'
 apply plugin: 'com.google.gms.google-services'
 apply plugin: 'com.google.firebase.crashlytics'
 
@@ -112,6 +113,10 @@ dependencies {
 	implementation 'com.google.firebase:firebase-analytics'
 	implementation 'com.google.firebase:firebase-crashlytics'
 	implementation 'com.google.firebase:firebase-messaging'
+
+    // Kotlin
+    implementation "androidx.core:core-ktx:1.7.0"
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
     
 	// Local projects here
 	implementation project(':treeview')
diff --git a/app/src/main/assets/data/common/gradle-plugin.zip b/app/src/main/assets/data/common/gradle-plugin.zip
index 7d7f5e6c25cd843958b6dfcb1a7752464698ef7a..9fbc040221963f2cc75f8262c610374dff256d84 100644
GIT binary patch
delta 3561
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

delta 3517
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
XO(Kp+VD#gGeP&Q>mb}zZym;k53h?hc

diff --git a/app/src/main/java/com/itsaky/androidide/adapters/AttrValueFormatTabAdapter.java b/app/src/main/java/com/itsaky/androidide/adapters/AttrValueFormatTabAdapter.java
new file mode 100644
index 000000000..75af0279b
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/adapters/AttrValueFormatTabAdapter.java
@@ -0,0 +1,128 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+package com.itsaky.androidide.adapters;
+
+import android.text.TextUtils;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.Fragment;
+import androidx.fragment.app.FragmentManager;
+import androidx.fragment.app.FragmentStatePagerAdapter;
+
+import com.itsaky.androidide.fragments.attr.BaseValueEditorFragment;
+import com.itsaky.androidide.models.XMLAttribute;
+import com.itsaky.androidide.utils.Logger;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Objects;
+
+/**
+ * Adapter for value format tabs of attribute editor in UI Designer.
+ *
+ * @author Akash Yadav
+ */
+@SuppressWarnings("deprecation")
+public class AttrValueFormatTabAdapter extends FragmentStatePagerAdapter {
+    
+    private static final Logger LOG = Logger.instance ("AttrValueEditorTabAdapter");
+    private final List<Fragment> mFragments = new ArrayList<> ();
+    private final List<String> mTitles = new ArrayList<> ();
+    private final XMLAttribute attribute;
+    
+    private final BaseValueEditorFragment.OnValueChangeListener changeListener;
+    
+    public AttrValueFormatTabAdapter (@NonNull FragmentManager manager, XMLAttribute attribute, BaseValueEditorFragment.OnValueChangeListener changeListener) {
+        super (manager);
+        Objects.requireNonNull (attribute);
+        
+        this.changeListener = changeListener;
+        this.attribute = attribute;
+    }
+    
+    public void addFragment (final Class<? extends BaseValueEditorFragment> fragment, String title) {
+        Objects.requireNonNull (fragment);
+        Objects.requireNonNull (title);
+        if (TextUtils.isEmpty (title.trim ())) {
+            throw new IllegalArgumentException ("Invalid tab title");
+        }
+        
+        mTitles.add (capitalize (title));
+        mFragments.add (createFragment (fragment, title));
+    }
+    
+    @NonNull
+    private String capitalize (String title) {
+        title = title.trim ();
+        
+        final var sb = new StringBuilder ();
+        for (int i = 0; i < title.length (); i++) {
+            var ch = title.charAt (i);
+            if (i == 0) {
+                ch = Character.toUpperCase (ch);
+            } else {
+                ch = Character.toLowerCase (ch);
+            }
+            
+            sb.append (ch);
+        }
+        
+        return sb.toString ();
+    }
+    
+    public String getTitle (int position) {
+        return mTitles.get (position);
+    }
+    
+    @NonNull
+    public Fragment createFragment (Class<? extends BaseValueEditorFragment> clazz, @NonNull final String name) {
+        try {
+            final var frag = clazz.newInstance ();
+            frag.setAttribute (attribute);
+            frag.setName (name);
+            frag.setOnValueChangeListener (this.changeListener);
+            
+            return frag;
+        } catch (Throwable th) {
+            LOG.error ("Unable to create value editor fragment", th);
+            throw new RuntimeException (th);
+        }
+    }
+    
+    public void removeAll () {
+        mFragments.clear ();
+        mTitles.clear ();
+    }
+    
+    @NonNull
+    @Override
+    public Fragment getItem (int position) {
+        return mFragments.get (position);
+    }
+    
+    @Override
+    public int getCount () {
+        return mFragments.size ();
+    }
+    
+    @Nullable
+    @Override
+    public CharSequence getPageTitle (int position) {
+        return mTitles.get (position);
+    }
+}
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/attr/BaseValueEditorFragment.java b/app/src/main/java/com/itsaky/androidide/fragments/attr/BaseValueEditorFragment.java
new file mode 100644
index 000000000..fb13f0a8d
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/attr/BaseValueEditorFragment.java
@@ -0,0 +1,71 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+package com.itsaky.androidide.fragments.attr;
+
+import androidx.annotation.NonNull;
+import androidx.fragment.app.Fragment;
+
+import com.itsaky.androidide.models.XMLAttribute;
+import com.itsaky.inflater.IAttribute;
+
+import java.util.Objects;
+
+/**
+ * Base class for value editor fragment.
+ *
+ * @author Akash Yadav
+ */
+public class BaseValueEditorFragment extends Fragment {
+    
+    protected OnValueChangeListener mValueChangeListener;
+    protected XMLAttribute attribute;
+    protected String name;
+    
+    public void setAttribute (XMLAttribute attribute) {
+        this.attribute = attribute;
+    }
+    
+    public void setName (String name) {
+        this.name = name;
+    }
+    
+    public void setOnValueChangeListener (OnValueChangeListener listener) {
+        this.mValueChangeListener = listener;
+    }
+    
+    protected void notifyValueChanged (@NonNull String newValue) {
+        Objects.requireNonNull (newValue);
+        
+        if (mValueChangeListener != null) {
+            mValueChangeListener.onValueChanged (this.attribute, newValue);
+        }
+    }
+    
+    /**
+     * Listener for listening for value change event.
+     */
+    public interface OnValueChangeListener {
+        /**
+         * Called when the value was changed.
+         *
+         * @param attribute The attribute whose value was changed.
+         * @param newValue  The new value for the editor.
+         */
+        void onValueChanged (IAttribute attribute, String newValue);
+    }
+}
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/attr/BooleanEditor.java b/app/src/main/java/com/itsaky/androidide/fragments/attr/BooleanEditor.java
new file mode 100644
index 000000000..ae571f06b
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/attr/BooleanEditor.java
@@ -0,0 +1,24 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+package com.itsaky.androidide.fragments.attr;
+
+/**
+ * @author Akash Yadav
+ */
+public class BooleanEditor extends BaseValueEditorFragment {
+}
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/attr/ColorEditor.java b/app/src/main/java/com/itsaky/androidide/fragments/attr/ColorEditor.java
new file mode 100644
index 000000000..b2e59cbd6
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/attr/ColorEditor.java
@@ -0,0 +1,24 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+package com.itsaky.androidide.fragments.attr;
+
+/**
+ * @author Akash Yadav
+ */
+public class ColorEditor extends BaseValueEditorFragment {
+}
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/attr/DimensionEditor.java b/app/src/main/java/com/itsaky/androidide/fragments/attr/DimensionEditor.java
new file mode 100644
index 000000000..595ed1748
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/attr/DimensionEditor.java
@@ -0,0 +1,24 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+package com.itsaky.androidide.fragments.attr;
+
+/**
+ * @author Akash Yadav
+ */
+public class DimensionEditor extends BaseValueEditorFragment {
+}
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/attr/EnumEditor.java b/app/src/main/java/com/itsaky/androidide/fragments/attr/EnumEditor.java
new file mode 100644
index 000000000..3faba0f93
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/attr/EnumEditor.java
@@ -0,0 +1,60 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+package com.itsaky.androidide.fragments.attr;
+
+import android.os.Bundle;
+import android.text.TextUtils;
+import android.view.View;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.google.android.material.chip.Chip;
+
+import java.util.Objects;
+
+/**
+ * @author Akash Yadav
+ */
+public class EnumEditor extends FixedValueEditor {
+    
+    @Override
+    public void onViewCreated (@NonNull View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated (view, savedInstanceState);
+        
+        Objects.requireNonNull (this.attribute);
+        Objects.requireNonNull (this.chipGroup);
+        
+        this.chipGroup.setSingleSelection (true);
+        
+        final var attr = this.attribute.getAttr ();
+        for (var value : attr.possibleValues) {
+            if (TextUtils.isEmpty (value)) {
+                continue;
+            }
+            
+            this.chipGroup.addView (newChip (value, value.equals (this.attribute.getValue ())));
+        }
+        
+        this.chipGroup.setOnCheckedChangeListener ((group, checkedId) -> {
+            final var chip = (Chip) group.findViewById (checkedId);
+            final var val = chip.getText ().toString ().trim ();
+            notifyValueChanged (val);
+        });
+    }
+}
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/attr/FixedValueEditor.java b/app/src/main/java/com/itsaky/androidide/fragments/attr/FixedValueEditor.java
new file mode 100644
index 000000000..99d07d438
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/attr/FixedValueEditor.java
@@ -0,0 +1,64 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+package com.itsaky.androidide.fragments.attr;
+
+import android.content.res.ColorStateList;
+import android.os.Bundle;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.core.content.ContextCompat;
+
+import com.google.android.material.chip.Chip;
+import com.google.android.material.chip.ChipGroup;
+import com.itsaky.androidide.R;
+
+/**
+ * @author Akash Yadav
+ */
+public abstract class FixedValueEditor extends BaseValueEditorFragment {
+    
+    protected ChipGroup chipGroup;
+    
+    @Nullable
+    @Override
+    public View onCreateView (@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        this.chipGroup = new ChipGroup (inflater.getContext ());
+        this.chipGroup.setLayoutParams (new ViewGroup.LayoutParams (ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
+        this.chipGroup.setSelectionRequired (true);
+        this.chipGroup.setSingleSelection (false);
+        
+        return this.chipGroup;
+    }
+    
+    protected Chip newChip (String title, boolean checked) {
+        final var chip = new Chip (requireContext ());
+        chip.setText (title);
+        chip.setCheckedIcon (ContextCompat.getDrawable (requireContext (), R.drawable.ic_ok));
+        chip.setChecked (checked);
+        chip.setChipBackgroundColor (ContextCompat.getColorStateList (requireContext (), R.color.bg_enum_chips));
+        chip.setTextColor (ContextCompat.getColor (requireContext (), R.color.primaryTextColor));
+        chip.setLayoutParams (new ChipGroup.LayoutParams (ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
+        chip.setChipStrokeWidth (1f);
+        chip.setChipStrokeColor (ColorStateList.valueOf (ContextCompat.getColor (requireContext (), R.color.primaryDarkColor)));
+        
+        return chip;
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/attr/FlagEditor.java b/app/src/main/java/com/itsaky/androidide/fragments/attr/FlagEditor.java
new file mode 100644
index 000000000..ef46e6cc6
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/attr/FlagEditor.java
@@ -0,0 +1,24 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+package com.itsaky.androidide.fragments.attr;
+
+/**
+ * @author Akash Yadav
+ */
+public class FlagEditor extends BaseValueEditorFragment {
+}
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/attr/FloatEditor.java b/app/src/main/java/com/itsaky/androidide/fragments/attr/FloatEditor.java
new file mode 100644
index 000000000..944f2fe54
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/attr/FloatEditor.java
@@ -0,0 +1,24 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+package com.itsaky.androidide.fragments.attr;
+
+/**
+ * @author Akash Yadav
+ */
+public class FloatEditor extends BaseValueEditorFragment {
+}
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/attr/FractionEditor.java b/app/src/main/java/com/itsaky/androidide/fragments/attr/FractionEditor.java
new file mode 100644
index 000000000..fdc517950
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/attr/FractionEditor.java
@@ -0,0 +1,24 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+package com.itsaky.androidide.fragments.attr;
+
+/**
+ * @author Akash Yadav
+ */
+public class FractionEditor extends BaseValueEditorFragment {
+}
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/attr/IntegerEditor.java b/app/src/main/java/com/itsaky/androidide/fragments/attr/IntegerEditor.java
new file mode 100644
index 000000000..34f5452fd
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/attr/IntegerEditor.java
@@ -0,0 +1,24 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+package com.itsaky.androidide.fragments.attr;
+
+/**
+ * @author Akash Yadav
+ */
+public class IntegerEditor extends BaseValueEditorFragment {
+}
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/attr/ReferenceEditor.java b/app/src/main/java/com/itsaky/androidide/fragments/attr/ReferenceEditor.java
new file mode 100644
index 000000000..09040394a
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/attr/ReferenceEditor.java
@@ -0,0 +1,24 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+package com.itsaky.androidide.fragments.attr;
+
+/**
+ * @author Akash Yadav
+ */
+public class ReferenceEditor extends BaseValueEditorFragment {
+}
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/attr/StringEditor.java b/app/src/main/java/com/itsaky/androidide/fragments/attr/StringEditor.java
new file mode 100644
index 000000000..4207d67f9
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/attr/StringEditor.java
@@ -0,0 +1,24 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+package com.itsaky.androidide.fragments.attr;
+
+/**
+ * @author Akash Yadav
+ */
+public class StringEditor extends BaseValueEditorFragment {
+}
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/sheets/AttrEditorSheet.java b/app/src/main/java/com/itsaky/androidide/fragments/sheets/AttrEditorSheet.java
index e6e03cbe3..ca36b3c82 100644
--- a/app/src/main/java/com/itsaky/androidide/fragments/sheets/AttrEditorSheet.java
+++ b/app/src/main/java/com/itsaky/androidide/fragments/sheets/AttrEditorSheet.java
@@ -75,6 +75,7 @@ public class AttrEditorSheet extends BottomSheetDialogFragment
     private static final List<IconTextListItem> VIEW_ACTIONS = new ArrayList<> ();
     private static final Logger LOG = Logger.instance ("AttrBottomSheet");
     private AttributeListSheet mAttrListSheet;
+    private AttrValueEditorSheet mValueEditorSheet;
     private IView selectedView;
     private File layout;
     private LayoutAttrEditorSheetBinding binding;
@@ -108,8 +109,6 @@ public class AttrEditorSheet extends BottomSheetDialogFragment
                             R.drawable.ic_view_select_parent));
         }
         
-        binding.valueEditorLayout.closeButton.setOnClickListener (v -> hideValueEditorLayout ());
-        
         setupViewData ();
         
         AttributeDialogs.init (requireActivity ());
@@ -171,12 +170,11 @@ public class AttrEditorSheet extends BottomSheetDialogFragment
             return;
         }
         
-        showEditorDialog (attribute);
+        showValueEditorSheet (attribute);
     }
     
-    private void hideValueEditorLayout () {
-        TransitionManager.beginDelayedTransition (binding.getRoot ());
-        binding.valueEditorLayout.getRoot ().setVisibility (View.GONE);
+    private void showValueEditorSheet (@NonNull XMLAttribute attribute) {
+        getValueEditorSheet (attribute).show (getChildFragmentManager (), "attr_value_editor_sheet");
     }
     
     private void showEditorDialog (@NonNull XMLAttribute attribute) {
@@ -371,10 +369,36 @@ public class AttrEditorSheet extends BottomSheetDialogFragment
         return mAttrListSheet;
     }
     
+    @NonNull
+    public AttrValueEditorSheet getValueEditorSheet (@NonNull XMLAttribute attribute) {
+        
+        if (mValueEditorSheet == null) {
+            mValueEditorSheet = AttrValueEditorSheet.newInstance (attribute);
+            mValueEditorSheet.setOnValueChangeListener (this::onValueChanged);
+        }
+        
+        mValueEditorSheet.setAttribute (attribute);
+        return mValueEditorSheet;
+    }
+    
+    public void onValueChanged (@NonNull IAttribute attribute, String newValue) {
+        Objects.requireNonNull (this.selectedView);
+        
+        final var attributeName = attribute.getAttributeName ();
+        final var namespace = attribute.getNamespace ();
+        
+        if (this.selectedView.hasAttribute (namespace, attributeName)) {
+            this.selectedView.updateAttribute (namespace, attributeName, newValue);
+        } else {
+            final var attr = new UiAttribute (namespace, attributeName, newValue);
+            this.selectedView.addAttribute (attr);
+        }
+    }
+    
     private void addNewAttribute (@NonNull Attr attr) {
         final XMLAttribute attribute = new XMLAttribute (attr.namespace, attr.name, "", false);
         attribute.setAttr (attr);
-        showEditorDialog (attribute);
+        showValueEditorSheet (attribute);
     }
     
     /**
diff --git a/app/src/main/java/com/itsaky/androidide/fragments/sheets/AttrValueEditorSheet.java b/app/src/main/java/com/itsaky/androidide/fragments/sheets/AttrValueEditorSheet.java
new file mode 100644
index 000000000..e60da48a3
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/fragments/sheets/AttrValueEditorSheet.java
@@ -0,0 +1,177 @@
+/*
+ *  This file is part of AndroidIDE.
+ *
+ *  AndroidIDE is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  AndroidIDE is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+ */
+package com.itsaky.androidide.fragments.sheets;
+
+import static com.itsaky.attrinfo.models.Attr.FORMAT_BOOLEAN;
+import static com.itsaky.attrinfo.models.Attr.FORMAT_COLOR;
+import static com.itsaky.attrinfo.models.Attr.FORMAT_DIMENSION;
+import static com.itsaky.attrinfo.models.Attr.FORMAT_ENUM;
+import static com.itsaky.attrinfo.models.Attr.FORMAT_FLAG;
+import static com.itsaky.attrinfo.models.Attr.FORMAT_FLOAT;
+import static com.itsaky.attrinfo.models.Attr.FORMAT_FRACTION;
+import static com.itsaky.attrinfo.models.Attr.FORMAT_INTEGER;
+import static com.itsaky.attrinfo.models.Attr.FORMAT_REFERENCE;
+import static com.itsaky.attrinfo.models.Attr.FORMAT_STRING;
+
+import android.annotation.SuppressLint;
+import android.os.Bundle;
+import android.text.TextUtils;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.google.android.material.bottomsheet.BottomSheetDialogFragment;
+import com.itsaky.androidide.adapters.AttrValueFormatTabAdapter;
+import com.itsaky.androidide.databinding.LayoutAttrValueEditorBinding;
+import com.itsaky.androidide.fragments.attr.BaseValueEditorFragment;
+import com.itsaky.androidide.fragments.attr.BooleanEditor;
+import com.itsaky.androidide.fragments.attr.ColorEditor;
+import com.itsaky.androidide.fragments.attr.DimensionEditor;
+import com.itsaky.androidide.fragments.attr.EnumEditor;
+import com.itsaky.androidide.fragments.attr.FlagEditor;
+import com.itsaky.androidide.fragments.attr.FloatEditor;
+import com.itsaky.androidide.fragments.attr.FractionEditor;
+import com.itsaky.androidide.fragments.attr.IntegerEditor;
+import com.itsaky.androidide.fragments.attr.ReferenceEditor;
+import com.itsaky.androidide.fragments.attr.StringEditor;
+import com.itsaky.androidide.models.XMLAttribute;
+import com.itsaky.attrinfo.models.Attr;
+
+import org.jetbrains.annotations.Contract;
+
+import java.util.Objects;
+
+/**
+ * Sheet for editing value of an attribute.
+ *
+ * @author Akash Yadav
+ */
+public class AttrValueEditorSheet extends BottomSheetDialogFragment {
+    
+    private static final String KEY_ATTRIBUTE = "attrEditorSheet_attribute";
+    private LayoutAttrValueEditorBinding binding;
+    private AttrValueFormatTabAdapter adapter;
+    private XMLAttribute attribute;
+    
+    private BaseValueEditorFragment.OnValueChangeListener changeListener;
+    
+    public void setOnValueChangeListener (BaseValueEditorFragment.OnValueChangeListener changeListener) {
+        this.changeListener = changeListener;
+    }
+    
+    @NonNull
+    public static AttrValueEditorSheet newInstance (final XMLAttribute attribute) {
+        Objects.requireNonNull (attribute);
+        
+        final var args = new Bundle ();
+        args.putParcelable (KEY_ATTRIBUTE, attribute);
+        
+        final var fragment = new AttrValueEditorSheet ();
+        fragment.setArguments (args);
+        return fragment;
+    }
+    
+    @Nullable
+    @Override
+    public View onCreateView (@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        this.binding = LayoutAttrValueEditorBinding.inflate (inflater, container, false);
+        return binding.getRoot ();
+    }
+    
+    @Override
+    public void onViewCreated (@NonNull View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated (view, savedInstanceState);
+        
+        if (attribute == null) {
+            this.attribute = requireArguments ().getParcelable (KEY_ATTRIBUTE);
+        }
+        
+        Objects.requireNonNull (this.attribute);
+        
+        final var namespace = this.attribute.getNamespace ();
+        final var formatText = Attr.createFormatText (attribute.getFormat ());
+        this.binding.attributeName.setText (String.format ("%s:%s", namespace.getName (), attribute.getAttributeName ()));
+        this.binding.attributeFormat.setText (formatText);
+        
+        setupTabs (formatText);
+    }
+    
+    @SuppressLint("NotifyDataSetChanged")
+    private void setupTabs (@NonNull String formatText) {
+        this.binding.tabs.removeAllTabs ();
+        this.binding.pager.setSaveEnabled (false);
+        
+        if (this.adapter != null) {
+            this.adapter.removeAll ();
+            this.adapter.notifyDataSetChanged ();
+        }
+        
+        this.adapter = new AttrValueFormatTabAdapter (getChildFragmentManager (), attribute, changeListener);
+        
+        final var formats = formatText.split ("\\|");
+        for (var formatName : formats) {
+            if (TextUtils.isEmpty (formatName) || formatName.length () < 2) {
+                continue;
+            }
+            
+            final var frag = getFragmentClass (formatName);
+            if (frag != null) {
+                this.adapter.addFragment (frag, formatName);
+            }
+        }
+        
+        binding.pager.setAdapter (this.adapter);
+        binding.tabs.setupWithViewPager (binding.pager);
+    }
+    
+    @Nullable
+    @Contract(pure = true)
+    private Class<? extends BaseValueEditorFragment> getFragmentClass (@NonNull String name) {
+        switch (name) {
+            case FORMAT_REFERENCE:
+                return ReferenceEditor.class;
+            case FORMAT_COLOR:
+                return ColorEditor.class;
+            case FORMAT_BOOLEAN:
+                return BooleanEditor.class;
+            case FORMAT_DIMENSION:
+                return DimensionEditor.class;
+            case FORMAT_FLOAT:
+                return FloatEditor.class;
+            case FORMAT_INTEGER:
+                return IntegerEditor.class;
+            case FORMAT_FRACTION:
+                return FractionEditor.class;
+            case FORMAT_STRING:
+                return StringEditor.class;
+            case FORMAT_ENUM:
+                return EnumEditor.class;
+            case FORMAT_FLAG:
+                return FlagEditor.class;
+        }
+        
+        return null;
+    }
+    
+    public void setAttribute (XMLAttribute attribute) {
+        Objects.requireNonNull (attribute);
+        this.attribute = attribute;
+    }
+}
diff --git a/app/src/main/java/com/itsaky/androidide/views/ScalableTabLayout.kt b/app/src/main/java/com/itsaky/androidide/views/ScalableTabLayout.kt
new file mode 100644
index 000000000..9984988fa
--- /dev/null
+++ b/app/src/main/java/com/itsaky/androidide/views/ScalableTabLayout.kt
@@ -0,0 +1,37 @@
+package com.itsaky.androidide.views;
+
+import android.content.Context
+import android.util.AttributeSet
+import android.view.ViewGroup
+import com.google.android.material.tabs.TabLayout
+
+// https://stackoverflow.com/a/65605542
+class ScalableTabLayout : TabLayout {
+    constructor(context: Context) : super(context)
+    constructor(context: Context, attrs: AttributeSet?) : super(context, attrs)
+    constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(
+        context,
+        attrs,
+        defStyleAttr
+    )
+    
+    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
+        val tabLayout = getChildAt(0) as ViewGroup
+        val childCount = tabLayout.childCount
+        if (childCount > 0) {
+            val widthPixels = MeasureSpec.getSize(widthMeasureSpec)
+            val tabMinWidth = widthPixels / childCount
+            var remainderPixels = widthPixels % childCount
+            for (i in 0 until childCount) {
+                val it = tabLayout.getChildAt(i)
+                if (remainderPixels > 0) {
+                    it.minimumWidth = tabMinWidth + 1
+                    remainderPixels--
+                } else {
+                    it.minimumWidth = tabMinWidth
+                }
+            }
+        }
+        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/itsaky/androidide/views/ValueEditorTextView.java b/app/src/main/java/com/itsaky/androidide/views/ValueEditorTextView.java
deleted file mode 100644
index 613f01d45..000000000
--- a/app/src/main/java/com/itsaky/androidide/views/ValueEditorTextView.java
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
- *  This file is part of AndroidIDE.
- *
- *  AndroidIDE is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
- *
- *  AndroidIDE is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
- *
- *  You should have received a copy of the GNU General Public License
- *   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
- */
-
-package com.itsaky.androidide.views;
-
-import android.annotation.SuppressLint;
-import android.content.Context;
-import android.text.Editable;
-import android.text.TextWatcher;
-import android.widget.ArrayAdapter;
-
-import androidx.annotation.NonNull;
-
-import com.google.android.material.textfield.MaterialAutoCompleteTextView;
-import com.itsaky.androidide.ui.edit.IValueSuggestionProvider;
-import com.itsaky.androidide.utils.TextWatcherAdapter;
-import com.itsaky.inflater.IAttribute;
-
-import java.util.ArrayList;
-import java.util.HashSet;
-import java.util.Objects;
-import java.util.Set;
-
-/**
- * {@link MaterialAutoCompleteTextView} implementation used for providing suggestions while editing
- * attribute values.
- *
- * @author Akash Yadav
- */
-@SuppressLint("ViewConstructor")
-public class ValueEditorTextView extends MaterialAutoCompleteTextView {
-
-    private final IAttribute attribute;
-    private final int format;
-    private final Set<IValueSuggestionProvider> mSuggestionProviders = new HashSet<>();
-
-    private final TextWatcher watcher =
-            new TextWatcherAdapter() {
-
-                @Override
-                public void afterTextChanged(@NonNull Editable s) {
-                    final var prefix = s.toString();
-                    final var items = new ArrayList<String>();
-
-                    for (IValueSuggestionProvider provider : mSuggestionProviders) {
-                        if (provider.checkFormat(format)) {
-                            items.addAll(provider.suggest(attribute, prefix));
-                        }
-                    }
-
-                    setThreshold(1);
-                    setAdapter(
-                            new ArrayAdapter<>(
-                                    getContext(), android.R.layout.simple_list_item_1, items));
-                }
-            };
-
-    public ValueEditorTextView(@NonNull Context context, IAttribute attribute, int format) {
-        super(context);
-        this.attribute = attribute;
-        this.format = format;
-
-        addTextChangedListener(this.watcher);
-    }
-
-    public void registerSuggestionProvider(IValueSuggestionProvider provider) {
-        Objects.requireNonNull(provider);
-        mSuggestionProviders.add(provider);
-    }
-}
diff --git a/app/src/main/res/color/bg_enum_chips.xml b/app/src/main/res/color/bg_enum_chips.xml
new file mode 100644
index 000000000..cc51d1de2
--- /dev/null
+++ b/app/src/main/res/color/bg_enum_chips.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+  ~  This file is part of AndroidIDE.
+  ~
+  ~  AndroidIDE is free software: you can redistribute it and/or modify
+  ~  it under the terms of the GNU General Public License as published by
+  ~  the Free Software Foundation, either version 3 of the License, or
+  ~  (at your option) any later version.
+  ~
+  ~  AndroidIDE is distributed in the hope that it will be useful,
+  ~  but WITHOUT ANY WARRANTY; without even the implied warranty of
+  ~  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  ~  GNU General Public License for more details.
+  ~
+  ~  You should have received a copy of the GNU General Public License
+  ~   along with AndroidIDE.  If not, see <https://www.gnu.org/licenses/>.
+  -->
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/secondaryLightColor_transparent" android:state_checked="true" android:state_selected="true" />
+    <item android:color="@color/content_background" />
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/layout/layout_attr_editor_sheet.xml b/app/src/main/res/layout/layout_attr_editor_sheet.xml
index bfe7c8816..52c5ab389 100644
--- a/app/src/main/res/layout/layout_attr_editor_sheet.xml
+++ b/app/src/main/res/layout/layout_attr_editor_sheet.xml
@@ -19,18 +19,16 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:background="@color/content_background"
-    android:paddingStart="16dp"
-    android:paddingTop="16dp"
-    android:paddingEnd="16dp"
-    android:paddingBottom="8dp">
+    android:background="@color/content_background">
 
     <TextView
         android:id="@+id/widget_name"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
+        android:background="@color/primaryDarkColor"
         android:ellipsize="middle"
         android:maxLines="1"
+        android:padding="16dp"
         android:textColor="@color/primaryTextColor"
         android:textSize="20sp"
         android:textStyle="bold"
@@ -39,55 +37,55 @@
         app:layout_constraintTop_toTopOf="parent"
         tools:text="Button" />
 
-    <TextView
-        android:id="@+id/actions_header"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="12dp"
-        android:text="@string/msg_attr_editor_actions"
-        android:textColor="@color/secondaryTextColor"
-        app:layout_constraintStart_toStartOf="@id/widget_name"
-        app:layout_constraintTop_toBottomOf="@id/widget_name" />
-
-    <androidx.recyclerview.widget.RecyclerView
-        android:id="@+id/actions_list"
+    <androidx.constraintlayout.widget.ConstraintLayout
         android:layout_width="0dp"
         android:layout_height="wrap_content"
-        android:layout_marginTop="4dp"
-        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/actions_header" />
-
-    <TextView
-        android:id="@+id/attrs_header"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="12dp"
-        android:text="@string/msg_applicable_attrs"
-        android:textColor="@color/secondaryTextColor"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/actions_list" />
-
-    <androidx.recyclerview.widget.RecyclerView
-        android:id="@+id/attr_list"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="4dp"
-        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/attrs_header" />
-
-    <include
-        android:id="@+id/value_editor_layout"
-        layout="@layout/layout_attr_value_editor"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:visibility="gone"
+        android:padding="16dp"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toBottomOf="@id/widget_name">
+
+        <TextView
+            android:id="@+id/actions_header"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:text="@string/msg_attr_editor_actions"
+            android:textColor="@color/secondaryTextColor"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/actions_list"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="4dp"
+            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/actions_header" />
+
+        <TextView
+            android:id="@+id/attrs_header"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:text="@string/msg_applicable_attrs"
+            android:textColor="@color/secondaryTextColor"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/actions_list" />
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/attr_list"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="4dp"
+            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/attrs_header" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/layout_attr_value_editor.xml b/app/src/main/res/layout/layout_attr_value_editor.xml
index ee242ff37..c1ef861f5 100644
--- a/app/src/main/res/layout/layout_attr_value_editor.xml
+++ b/app/src/main/res/layout/layout_attr_value_editor.xml
@@ -19,19 +19,21 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/content_background"
-    tools:padding="16dp">
+    android:background="@color/content_background">
 
     <TextView
         android:id="@+id/attribute_name"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
-        android:layout_marginEnd="16dp"
+        android:background="@color/primaryDarkColor"
         android:maxLines="1"
+        android:paddingStart="16dp"
+        android:paddingTop="16dp"
+        android:paddingEnd="16dp"
         android:textColor="@color/primaryTextColor"
         android:textSize="20sp"
         android:textStyle="bold"
-        app:layout_constraintEnd_toStartOf="@id/close_button"
+        app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"
         tools:text="android:layout_height" />
@@ -40,35 +42,46 @@
         android:id="@+id/attribute_format"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
-        android:layout_marginEnd="16dp"
+        android:background="@color/primaryDarkColor"
+        android:paddingStart="16dp"
+        android:paddingEnd="16dp"
+        android:paddingBottom="8dp"
         android:textColor="@color/secondaryTextColor_light"
         android:textSize="14sp"
-        app:layout_constraintEnd_toStartOf="@id/close_button"
+        app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@id/attribute_name"
         tools:text="dimension|reference" />
 
-    <ImageView
-        android:id="@+id/close_button"
-        android:layout_width="36dp"
-        android:layout_height="36dp"
-        android:background="?selectableItemBackgroundBorderless"
-        android:clickable="true"
-        android:focusable="true"
-        android:padding="8dp"
-        android:src="@drawable/ic_close"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
-
-    <androidx.appcompat.widget.LinearLayoutCompat
-        android:id="@+id/editor_layout_container"
+    <com.itsaky.androidide.views.ScalableTabLayout
+        android:id="@+id/tabs"
         android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:layout_marginTop="16dp"
-        android:orientation="vertical"
-        app:layout_constraintBottom_toBottomOf="parent"
+        android:layout_height="wrap_content"
+        android:background="@color/primaryDarkColor"
+        android:clipChildren="false"
+        android:clipToPadding="false"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/attribute_format" />
+        app:layout_constraintTop_toBottomOf="@id/attribute_format"
+        app:tabBackground="@android:color/transparent"
+        app:tabIndicatorAnimationMode="elastic"
+        app:tabIndicatorColor="@color/secondaryColor"
+        app:tabIndicatorHeight="3dp"
+        app:tabMaxWidth="0dp"
+        app:tabMode="scrollable"
+        app:tabSelectedTextColor="@color/secondaryColor"
+        app:tabTextAppearance="@style/AppTheme.TabLayout.Title" />
+
+    <androidx.viewpager.widget.ViewPager
+        android:id="@+id/pager"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="16dp"
+        android:layout_marginTop="8dp"
+        android:layout_marginEnd="16dp"
+        android:minHeight="100dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/tabs" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 58c8f11aa..40eb0ad50 100755
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -5,6 +5,7 @@
     <color name="primaryDarkColor">#010101</color>
     <color name="secondaryColor">#ff5252</color>
     <color name="secondaryLightColor">#ff867f</color>
+    <color name="secondaryLightColor_transparent">#1FFF867F</color>
     <color name="secondaryDarkColor">#c50e29</color>
     <color name="primaryTextColor">#ffffff</color>
     <color name="primaryTextColorLight">#bdbdbd</color>
diff --git a/sdk-info/src/main/java/com/itsaky/attrinfo/models/Attr.java b/sdk-info/src/main/java/com/itsaky/attrinfo/models/Attr.java
index 391a1e632..313ec164a 100755
--- a/sdk-info/src/main/java/com/itsaky/attrinfo/models/Attr.java
+++ b/sdk-info/src/main/java/com/itsaky/attrinfo/models/Attr.java
@@ -39,7 +39,7 @@ import java.util.regex.Pattern;
  * @see com.itsaky.attrinfo.AttrInfo
  */
 public class Attr {
-
+    
     public static final int REFERENCE = 1;
     public static final int COLOR = 1 << 1;
     public static final int BOOLEAN = 1 << 2;
@@ -51,122 +51,135 @@ public class Attr {
     public static final int ENUM = 1 << 8;
     public static final int FLAG = 1 << 9;
     public static final int UNKNOWN = 1 << 10;
-    private static final Logger LOG = Logger.instance("AttrInfo::Attr");
+    
+    public static final String FORMAT_REFERENCE = "reference";
+    public static final String FORMAT_COLOR = "color";
+    public static final String FORMAT_BOOLEAN = "boolean";
+    public static final String FORMAT_DIMENSION = "dimension";
+    public static final String FORMAT_FLOAT = "float";
+    public static final String FORMAT_INTEGER = "integer";
+    public static final String FORMAT_FRACTION = "fraction";
+    public static final String FORMAT_STRING = "string";
+    public static final String FORMAT_ENUM = "enum";
+    public static final String FORMAT_FLAG = "flag";
+    
+    private static final Logger LOG = Logger.instance ("AttrInfo::Attr");
+    
     public INamespace namespace;
     public String name;
     public Set<String> possibleValues;
     public int format;
-
-    public Attr(String name) {
-        this(name, INamespace.ANDROID);
+    
+    public Attr (String name) {
+        this (name, INamespace.ANDROID);
     }
-
-    public Attr(String name, INamespace namespace) {
+    
+    public Attr (String name, INamespace namespace) {
         this.name = name;
         this.namespace = namespace;
-        this.possibleValues = new TreeSet<>();
+        this.possibleValues = new TreeSet<> ();
     }
-
-    public static int formatForName(@NonNull String names) {
+    
+    public static int formatForName (@NonNull String names) {
         var result = 0;
-        if (names.contains("|")) {
-            for (var name : names.split(Pattern.quote("|"))) {
-                result |= formatForSingleName(name);
+        if (names.contains ("|")) {
+            for (var name : names.split (Pattern.quote ("|"))) {
+                result |= formatForSingleName (name);
             }
         } else {
-            result = formatForSingleName(names);
+            result = formatForSingleName (names);
         }
         return result;
     }
-
+    
     @Contract(pure = true)
-    public static int formatForSingleName(@NonNull String name) {
+    public static int formatForSingleName (@NonNull String name) {
         switch (name) {
-            case "reference":
+            case FORMAT_REFERENCE:
                 return REFERENCE;
-            case "color":
+            case FORMAT_COLOR:
                 return COLOR;
-            case "boolean":
+            case FORMAT_BOOLEAN:
                 return BOOLEAN;
-            case "dimension":
+            case FORMAT_DIMENSION:
                 return DIMENSION;
-            case "float":
+            case FORMAT_FLOAT:
                 return FLOAT;
-            case "integer":
+            case FORMAT_INTEGER:
                 return INTEGER;
-            case "fraction":
+            case FORMAT_FRACTION:
                 return FRACTION;
-            case "string":
+            case FORMAT_STRING:
                 return STRING;
-            case "enum":
+            case FORMAT_ENUM:
                 return ENUM;
-            case "flag":
+            case FORMAT_FLAG:
                 return FLAG;
-            default:
-                return UNKNOWN;
         }
+        
+        return UNKNOWN;
     }
-
-    public static String createFormatText(int format) {
-        final var formats = new ArrayList<String>();
+    
+    public static String createFormatText (int format) {
+        final var formats = new ArrayList<String> ();
         if ((format & REFERENCE) != 0) {
-            formats.add("reference");
+            formats.add (FORMAT_REFERENCE);
         }
-
+        
         if ((format & COLOR) != 0) {
-            formats.add("color");
+            formats.add (FORMAT_COLOR);
         }
-
+        
         if ((format & BOOLEAN) != 0) {
-            formats.add("boolean");
+            formats.add (FORMAT_BOOLEAN);
         }
-
+        
         if ((format & DIMENSION) != 0) {
-            formats.add("dimension");
+            formats.add (FORMAT_DIMENSION);
         }
-
+        
         if ((format & FLOAT) != 0) {
-            formats.add("float");
+            formats.add (FORMAT_FLOAT);
         }
-
+        
         if ((format & INTEGER) != 0) {
-            formats.add("integer");
+            formats.add (FORMAT_INTEGER);
         }
-
+        
         if ((format & FRACTION) != 0) {
-            formats.add("fraction");
+            formats.add (FORMAT_FRACTION);
         }
-
+        
         if ((format & STRING) != 0) {
-            formats.add("string");
+            formats.add (FORMAT_STRING);
         }
-
+        
         if ((format & ENUM) != 0) {
-            formats.add("enum");
+            formats.add (FORMAT_ENUM);
         }
-
+        
         if ((format & FLAG) != 0) {
-            formats.add("flag");
+            formats.add (FORMAT_FLAG);
         }
-
-        if (formats.isEmpty()) {
-            formats.add("unknown");
+        
+        if (formats.isEmpty ()) {
+            formats.add ("unknown");
         }
-
-        return TextUtils.join("|", formats);
+        
+        return TextUtils.join ("|", formats);
     }
-
-    public boolean hasPossibleValues() {
-        return possibleValues != null && possibleValues.size() > 0;
+    
+    public boolean hasPossibleValues () {
+        return possibleValues != null && possibleValues.size () > 0;
     }
-
-    public boolean hasFormat(int format) {
+    
+    public boolean hasFormat (int format) {
         return (this.format & format) != 0;
     }
-
+    
     @NonNull
     @Override
-    public String toString() {
+    public String toString () {
         return "Attr ["
                 + "  name: "
                 + name
@@ -175,33 +188,33 @@ public class Attr {
                 + namespace
                 + "\n"
                 + "  values: "
-                + TextUtils.join(", ", this.possibleValues)
+                + TextUtils.join (", ", this.possibleValues)
                 + "\n"
                 + "  format: "
                 + format
                 + "\n"
                 + "]";
     }
-
+    
     @Override
-    public boolean equals(Object o) {
+    public boolean equals (Object o) {
         if (this == o) {
             return true;
         }
-
-        if (o == null || getClass() != o.getClass()) {
+        
+        if (o == null || getClass () != o.getClass ()) {
             return false;
         }
-
+        
         Attr attr = (Attr) o;
         return format == attr.format
-                && Objects.equals(namespace, attr.namespace)
-                && Objects.equals(name, attr.name)
-                && Objects.equals(possibleValues, attr.possibleValues);
+                && Objects.equals (namespace, attr.namespace)
+                && Objects.equals (name, attr.name)
+                && Objects.equals (possibleValues, attr.possibleValues);
     }
-
+    
     @Override
-    public int hashCode() {
-        return Objects.hash(namespace, name, possibleValues, format);
+    public int hashCode () {
+        return Objects.hash (namespace, name, possibleValues, format);
     }
 }