Skip to content

Commit

Permalink
Remove deprecated style attributes;
Browse files Browse the repository at this point in the history 
Update README.md
  • Loading branch information
@mancj
mancj committed Jan 27, 2019
1 parent ace4199 commit 09e54c5
Show file tree
Hide file tree
Showing 2 changed files with 51 additions and 79 deletions.
123 changes: 51 additions & 72 deletions README.md
View file
Expand Up @@ -36,7 +36,7 @@ add the dependency to the the app level build.gradle file

```gradle
dependencies {
implementation 'com.github.mancj:MaterialSearchBar:0.8.1'
implementation 'com.github.mancj:MaterialSearchBar:0.8.2'
}
```
Expand Down Expand Up @@ -87,13 +87,6 @@ then add SearchBar to your activity:
| mt_hintColor | set hint color |
| mt_placeholderColor | set placeholder color |
| mt_textCursorTint | set text cursors tint |
| mt_leftTextSelectorDrawable | set left text selector drawable |
| mt_middleTextSelectorDrawable | set middle text selector drawable |
| mt_rightTextSelectorDrawable | set right text selector drawable |
| mt_leftTextSelectorTint | set left text selector tint color |
| mt_middleTextSelectorTint | set middle text selector tint color |
| mt_rightTextSelectorTint | set right text selector tint color |
| mt_handlesTintEnabled | should text selectors use tint color |
| mt_highlightedTextColor | set the text highlight tint color |

----------
Expand Down Expand Up @@ -154,77 +147,63 @@ Provided Styles are: MaterialSearchBarLight and MaterialSearchBarDark

Example:
<style name="MyCustomTheme" parent="MaterialSearchBarLight">
<item name="mt_searchBarColor">@color/searchBarPrimaryColor</item>
<item name="mt_dividerColor">@color/searchBarDividerColor</item>
<item name="mt_navIconTint">@color/searchBarNavIconTintColor</item>
<item name="mt_searchIconTint">@color/searchBarSearchIconTintColor</item>
<item name="mt_clearIconTint">@color/searchBarClearIconTintColor</item>
<item name="mt_menuIconTint">@color/searchBarMenuIconTintColor</item>
<item name="mt_backIconTint">@color/searchBarBackIconTintColor</item>
<item name="mt_textCursorTint">@color/searchBarCursorColor</item>
<item name="mt_textColor">@color/searchBarTextColor</item>
<item name="mt_hintColor">@color/searchBarHintColor</item>
<item name="mt_placeholderColor">@color/searchBarPlaceholderColor</item>
<item name="mt_highlightedTextColor">@color/searchBarTextHighlightColor</item>
<item name="mt_leftTextSelectorTint">@color/leftTextSelectorColor</item>
<item name="mt_middleTextSelectorTint">@color/middleTextSelectorColor</item>
<item name="mt_rightTextSelectorTint">@color/rightTextSelectorColor</item>
<item name="mt_leftTextSelectorDrawable">@drawable/text_select_handle_left_mtrl_alpha_mtrlsearch</item>
<item name="mt_middleTextSelectorDrawable">@drawable/text_select_handle_middle_mtrl_alpha_mtrlsearch</item>
<item name="mt_rightTextSelectorDrawable">@drawable/text_select_handle_right_mtrl_alpha_mtrlsearch</item>
<item name="mt_handlesTintEnabled">true</item>
</style>
<item name="mt_searchBarColor">@color/searchBarPrimaryColor</item>
<item name="mt_dividerColor">@color/searchBarDividerColor</item>
<item name="mt_navIconTint">@color/searchBarNavIconTintColor</item>
<item name="mt_searchIconTint">@color/searchBarSearchIconTintColor</item>
<item name="mt_clearIconTint">@color/searchBarClearIconTintColor</item>
<item name="mt_menuIconTint">@color/searchBarMenuIconTintColor</item>
<item name="mt_backIconTint">@color/searchBarBackIconTintColor</item>
<item name="mt_textCursorTint">@color/searchBarCursorColor</item>
<item name="mt_textColor">@color/searchBarTextColor</item>
<item name="mt_hintColor">@color/searchBarHintColor</item>
<item name="mt_placeholderColor">@color/searchBarPlaceholderColor</item>
<item name="mt_highlightedTextColor">@color/searchBarTextHighlightColor</item>
</style>
```
**OR**

**Custom Colors - colors.xml**
Simply set/change these colors(or some) and you have your custom style.
```xml
//Material SearchBar Light Theme Colors
<color name="searchBarIconColor">#3a3a3a</color>
//Base
<color name="searchBarPrimaryColor">#FFFFFF</color>
<color name="searchBarCursorColor">#8000a1ff</color>
<color name="searchBarDividerColor">#1F000000</color>

//Icons
<color name="searchBarNavIconTintColor">@color/searchBarIconColor</color>
<color name="searchBarMenuIconTintColor">@color/searchBarIconColor</color>
<color name="searchBarSearchIconTintColor">@color/searchBarIconColor</color>
<color name="searchBarClearIconTintColor">@color/searchBarIconColor</color>
<color name="searchBarBackIconTintColor">@color/searchBarIconColor</color>

//Text
<color name="searchBarTextColor">#DE000000</color>
<color name="searchBarHintColor">#42000000</color>
<color name="searchBarPlaceholderColor">#8A000000</color>
<color name="searchBarTextHighlightColor">#8000a1ff</color>
<color name="leftTextSelectorColor">#00a1ff</color>
<color name="middleTextSelectorColor">#00a1ff</color>
<color name="rightTextSelectorColor">#00a1ff</color>

//Material SearchBar Dark Theme Colors
<color name="searchBarIconColorDark">#00a1ff</color>
//Base
<color name="searchBarPrimaryColorDark">#303030</color>
<color name="searchBarCursorColorDark">@color/searchBarIconColorDark</color>
<color name="searchBarDividerColorDark">#1FFFFFFF</color>

//Icons
<color name="searchBarNavIconTintColorDark">@color/searchBarIconColorDark</color>
<color name="searchBarMenuIconTintColorDark">@color/searchBarIconColorDark</color>
<color name="searchBarSearchIconTintColorDark">@color/searchBarIconColorDark</color>
<color name="searchBarClearIconTintColorDark">@color/searchBarIconColorDark</color>
<color name="searchBarBackIconTintColorDark">@color/searchBarIconColorDark</color>

//Text
<color name="searchBarTextColorDark">#DEFFFFFF</color>
<color name="searchBarHintColorDark">#42FFFFFF</color>
<color name="searchBarPlaceholderColorDark">#8AFFFFFF</color>
<color name="searchBarTextHighlightColorDark">#BF00a1ff</color>
<color name="leftTextSelectorColorDark">@color/searchBarIconColorDark</color>
<color name="middleTextSelectorColorDark">@color/searchBarIconColorDark</color>
<color name="rightTextSelectorColorDark">@color/searchBarIconColorDark</color>
<color name="searchBarIconColor">#3a3a3a</color>
//Base
<color name="searchBarPrimaryColor">#FFFFFF</color>
<color name="searchBarCursorColor">#8000a1ff</color>
<color name="searchBarDividerColor">#1F000000</color>

//Icons
<color name="searchBarNavIconTintColor">@color/searchBarIconColor</color>
<color name="searchBarMenuIconTintColor">@color/searchBarIconColor</color>
<color name="searchBarSearchIconTintColor">@color/searchBarIconColor</color>
<color name="searchBarClearIconTintColor">@color/searchBarIconColor</color>
<color name="searchBarBackIconTintColor">@color/searchBarIconColor</color>

//Text
<color name="searchBarTextColor">#DE000000</color>
<color name="searchBarHintColor">#42000000</color>
<color name="searchBarPlaceholderColor">#8A000000</color>
<color name="searchBarTextHighlightColor">#8000a1ff</color>

//Base
<color name="searchBarPrimaryColorDark">#303030</color>
<color name="searchBarDividerColorDark">#1FFFFFFF</color>

//Material SearchBar Dark Theme Colors
<color name="searchBarIconColorDark">#00a1ff</color>
//Icons
<color name="searchBarNavIconTintColorDark">@color/searchBarIconColorDark</color>
<color name="searchBarMenuIconTintColorDark">@color/searchBarIconColorDark</color>
<color name="searchBarSearchIconTintColorDark">@color/searchBarIconColorDark</color>
<color name="searchBarClearIconTintColorDark">@color/searchBarIconColorDark</color>
<color name="searchBarBackIconTintColorDark">@color/searchBarIconColorDark</color>

//Text
<color name="searchBarTextColorDark">#DEFFFFFF</color>
<color name="searchBarHintColorDark">#42FFFFFF</color>
<color name="searchBarPlaceholderColorDark">#8AFFFFFF</color>
<color name="searchBarTextHighlightColorDark">#BF00a1ff</color>
```
----------
To save search queries when the activity is destroyed, use the method `searchBar.getLastSuggestions()` and then, to restore them use `searchBar.setLastSuggestions(List<String>);` as shown in the example below
Expand Down
7 changes: 0 additions & 7 deletions library/src/main/res/values/styles.xml
View file
Expand Up @@ -10,7 +10,6 @@

<!-- MaterialSearchBarLightTheme-->
<style name="MaterialSearchBarLight" parent="Theme.AppCompat.Light.NoActionBar">
<item name="colorControlActivated">@color/colorAccent</item>
<item name="mt_searchBarColor">@color/searchBarPrimaryColor</item>
<item name="mt_dividerColor">@color/searchBarDividerColor</item>
<item name="mt_navIconTint">@color/searchBarNavIconTintColor</item>
Expand All @@ -23,9 +22,6 @@
<item name="mt_hintColor">@color/searchBarHintColor</item>
<item name="mt_placeholderColor">@color/searchBarPlaceholderColor</item>
<item name="mt_highlightedTextColor">@color/searchBarTextHighlightColor</item>
<item name="mt_leftTextSelectorTint">@color/colorAccent</item>
<item name="mt_middleTextSelectorTint">@color/colorAccent</item>
<item name="mt_rightTextSelectorTint">@color/colorAccent</item>
</style>

<!-- MaterialSearchBarDarkTheme-->
Expand All @@ -42,9 +38,6 @@
<item name="mt_hintColor">@color/searchBarHintColorDark</item>
<item name="mt_placeholderColor">@color/searchBarPlaceholderColorDark</item>
<item name="mt_highlightedTextColor">@color/searchBarTextHighlightColorDark</item>
<item name="mt_leftTextSelectorTint">@color/colorAccent</item>
<item name="mt_middleTextSelectorTint">@color/colorAccent</item>
<item name="mt_rightTextSelectorTint">@color/colorAccent</item>
</style>

</resources>

0 comments on commit 09e54c5

Please sign in to comment.