반응형
재료 디자인 네비게이션 드로어의 햄버거 아이콘 색상 변경 방법
나는 이 예를 따르고 있다.
http://www.androidhive.info/2015/04/android-getting-started-with-material-design/
그리고 이 예에서는 햄버거 아이콘을 흰색으로 표시하고 있는데, 커스터마이즈해서 검은색으로 만들고 싶은데, 어떻게 바꾸는지 찾을 수 없습니다. 어떻게 커스터마이즈해야 하는지 알려주실 수 있나요?
매니페스트
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="info.androidhive.materialdesign" >
<uses-permission android:name="android.permission.INTERNET"></uses-permission>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"></uses-permission>
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:theme="@style/MyMaterialTheme" >
<activity
android:name=".activity.MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
스타일.
<resources>
<style name="MyMaterialTheme" parent="MyMaterialTheme.Base">
</style>
<style name="MyMaterialTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="windowNoTitle">true</item>
<item name="windowActionBar">false</item>
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="homeAsUpIndicator">@drawable/hamburger</item>
</style>
</resources>
메인 액티비티
public class MainActivity extends AppCompatActivity implements FragmentDrawer.FragmentDrawerListener {
private static String TAG = MainActivity.class.getSimpleName();
private Toolbar mToolbar;
private FragmentDrawer drawerFragment;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);
getSupportActionBar().setDisplayShowHomeEnabled(true);
drawerFragment = (FragmentDrawer)
getSupportFragmentManager().findFragmentById(R.id.fragment_navigation_drawer);
drawerFragment.setUp(R.id.fragment_navigation_drawer, (DrawerLayout) findViewById(R.id.drawer_layout), mToolbar);
drawerFragment.setDrawerListener(this);
// display the first navigation drawer view on app launch
displayView(0);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}
if(id == R.id.action_search){
Toast.makeText(getApplicationContext(), "Search action is selected!", Toast.LENGTH_SHORT).show();
return true;
}
return super.onOptionsItemSelected(item);
}
@Override
public void onDrawerItemSelected(View view, int position) {
displayView(position);
}
private void displayView(int position) {
Fragment fragment = null;
String title = getString(R.string.app_name);
switch (position) {
case 0:
fragment = new HomeFragment();
title = getString(R.string.title_home);
break;
case 1:
fragment = new FriendsFragment();
title = getString(R.string.title_friends);
break;
case 2:
fragment = new MessagesFragment();
title = getString(R.string.title_messages);
break;
case 3:
fragment = new ContactUsFragment();
title = getString(R.string.title_contactus);
break;
case 4:
fragment = new AboutUsFragment();
title = getString(R.string.title_aboutus);
break;
default:
break;
}
if (fragment != null) {
FragmentManager fragmentManager = getSupportFragmentManager();
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
fragmentTransaction.replace(R.id.container_body, fragment);
fragmentTransaction.commit();
// set the toolbar title
getSupportActionBar().setTitle(title);
}
}
햄버거 아이콘의 색상을 변경하려면 "style.xml" 클래스를 열고 다음 코드를 사용해야 합니다.
<style name="MyMaterialTheme" parent="MyMaterialTheme.Base">
</style>
<style name="MyMaterialTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="windowNoTitle">true</item>
<item name="windowActionBar">false</item>
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
</style>
<style name="DrawerArrowStyle" parent="@style/Widget.AppCompat.DrawerArrowToggle">
<item name="spinBars">true</item>
<item name="color">@android:color/black</item>
</style>
그래서 확인해봐<item name="color">@android:color/black</item>선이요. 여기서 원하는 색을 바꾸면 됩니다.
이 행을 프로그래밍 방식으로 추가합니다.
actionBarDrawerToggle.getDrawerArrowDrawable().setColor(getResources().getColor(R.color.white));
1. Color.xml에서.<color name="hamburgerBlack">#000000</color>
2. style.xml에서
<style name="DrawerIcon" parent="Widget.AppCompat.DrawerArrowToggle">
<item name="color">@color/hamburgerBlack</item>
</style>
3. 다음으로 메인 테마 클래스(파일명 style.xml)를 선택합니다.'AppTheme' 있어요.
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="drawerArrowStyle">@style/DrawerIcon</item>
</style>
덮어쓰기 colorControlNormal도 동작합니다.
<item name="colorControlNormal">@android:color/holo_red_dark</item>
이를 위해 다음과 같이 진행할 수 있습니다.
protected ActionBarDrawerToggle drawerToggle;
drawerToggle.getDrawerArrowDrawable().setColor(getResources().getColor(R.color.black));
your Project/res/values/styles.xml
styles.xml 추가:
<style name="BaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="colorControlNormal">@color/white</item>
</style>
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorTransparent"
테마도 삭제
android:theme="@style/AppThemeNoActionBar.AppBarOverlay">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
***
이것을 제거하다
*** 앱: popupTheme="@style/AppThemeNoActionBar.PopupOverlay">
</android.support.design.widget.AppBarLayout>
마지막으로 이것을 추가한다.
<style name="AppThemeNoActionBar" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
메인 헴으로
<item name="colorControlNormal">@color/colorRedTitle</item>
</style>
theme="@style/MyMaterialTheme" 앱을 설정하면 올바르게 작동합니다.
2시간의 투쟁 후에, 이 게시물은 나를 도왔다.Androidhive 재료 예제에서는 새 액션바 색상을 얻기 위해 기본 색상을 다른 색으로 변경합니다.아래 코드는 수행 표시줄에 화살표를 표시하고 사용자 지정 텍스트를 만들기 위한 것입니다.마침내 화살표 아이콘은 앱호환 리소스 파일에는 있지만 햄버거 아이콘은 리소스에는 없다는 것을 알았습니다.존재하는 경우 런타임에 변경할 수 있습니다.
setSupportActionBar(toolbar);
final Drawable upArrow = getResources().getDrawable(R.drawable.abc_ic_ab_back_mtrl_am_alpha);
upArrow.setColorFilter(getResources().getColor(R.color.black), PorterDuff.Mode.SRC_ATOP);
getSupportActionBar().setHomeAsUpIndicator(upArrow);
getSupportActionBar().setTitle(Html.fromHtml("<font color=\"black\">" + "All Addresses" + "</font>"));
getSupportActionBar().show();
홈버튼을 변경하기 위해 @anandsingh의 답변을 따랐습니다.
//----------your own toolbar-----------------------------
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:elevation="4dp"
android:padding="1dp"
android:background="@color/blue"
>
</android.support.v7.widget.Toolbar>
//-----------Main activity xml, add your own toolbar-----------------------------------------------
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.v1technologies.sgcarel.FrameActivity">
<include
android:id="@+id/toolbar"
layout="@layout/toolbar"
/>
<FrameLayout
android:padding="2dp"
android:layout_marginTop="70dp"
android:id="@+id/frame_frame_activity"
android:layout_width="match_parent"
android:layout_height="match_parent">
</FrameLayout>
</RelativeLayout>
//---- In your activity-----------------------
toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
//===========================================================================
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
int color = Color.parseColor("#334412");
final PorterDuffColorFilter colorFilter = new PorterDuffColorFilter(color, PorterDuff.Mode.SRC_ATOP);
for (int i = 0; i < toolbar.getChildCount(); i++) {
final View v = toolbar.getChildAt(i);
if (v instanceof ImageButton) {
((ImageButton) v).setColorFilter(colorFilter);
}
}
return true;
}
탐색 드로어 아이콘으로만 색상을 변경하려면 다음을 수행하십시오.
<android.support.design.widget.NavigationView
app:itemIconTint="@color/thecolorthatyouwant"
/>
activity_syslog.xml에 직접 입력
햄버거 아이콘은 사용자의 동작에 의해 제어됩니다.ActionBarDrawerToggle지금처럼 안드로이드 호환 라이브러리를 사용한다면 필수입니다.다음과 같이 색상을 변경할 수 있습니다.
toggle?.drawerArrowDrawable?.color = ContextCompat.getColor(context, R.color.colorPrimary)
언급URL : https://stackoverflow.com/questions/31870132/how-to-change-color-of-hamburger-icon-in-material-design-navigation-drawer
반응형
'programing' 카테고리의 다른 글
| ID를 가진 CreateElement? (0) | 2023.02.02 |
|---|---|
| 왜 PHP json_encode 함수는 UTF-8 문자열을 16진수 엔티티로 변환합니까? (0) | 2023.02.02 |
| 경고는 많지만 내 프로그램은 정상적으로 작동한다. (0) | 2023.02.02 |
| jQuery 확인란이 상태 변경 이벤트 선택됨 (0) | 2023.02.02 |
| SQL이 테이블의 값을 다른 테이블에서 바꿉니다. (0) | 2023.02.02 |