AmazeFileManager icon indicating copy to clipboard operation
AmazeFileManager copied to clipboard

Transparent Navigation bar

Open shuvashish76 opened this issue 2 years ago • 30 comments

With dark theme Screenshot_2021-08-23-08-54-45 Screenshot_2021-08-23-08-55-28

With light theme Screenshot_2021-08-23-08-57-04 Screenshot_2021-08-23-08-58-00

Comparison vs MaterialFiles

Currently we do have Colored Navigation bar option but colors are solid colors. Colored Navigation bar with option to choose from solid/transparent color would be nice. Transparent navigation bar looks modern imo.

shuvashish76 avatar Aug 23 '21 03:08 shuvashish76

Hi, I would like to work on it.

abdullah951 avatar Oct 17 '21 13:10 abdullah951

@abdullah951 Please do.

TranceLove avatar Oct 17 '21 14:10 TranceLove

Hey, could I work on it if it's open yet. Would be amazed to do so!

ashway171 avatar Oct 27 '21 06:10 ashway171

Hey, could I work on it if it's open yet. Would be amazed to do so!

Sure.

VishalNehra avatar Oct 27 '21 07:10 VishalNehra

Thanks for helping out. New to open source by the way. So are you going to make me a contributor or something. Or what do you suggest I should proceed with.

ashway171 avatar Oct 27 '21 07:10 ashway171

@ashway171 Just fork the repo and you may start right away.

Please base your work on the release/3.7 branch.

TranceLove avatar Oct 27 '21 07:10 TranceLove

Okay sure.

ashway171 avatar Oct 27 '21 07:10 ashway171

@VishalNehra, @TranceLove could you please guide me to what all things I need to take care of while setting up the project locally since I faced a lot of build issues while running it

ashway171 avatar Oct 28 '21 12:10 ashway171

@ashway171 please post the build error as a separate issue

EmmanuelMess avatar Oct 28 '21 12:10 EmmanuelMess

@ashway171 can you assign me this.

ANUKULJHA1506 avatar Nov 26 '21 04:11 ANUKULJHA1506

can you assign me this.

@ashway171 Please confirm if you're still working on this issue. @ANUKULJHA1506 We'll assign you after their confirmation or if there's no reply.

VishnuSanal avatar Nov 26 '21 04:11 VishnuSanal

@VishnuSanal ok

ANUKULJHA1506 avatar Nov 26 '21 04:11 ANUKULJHA1506

can you assign me this.

@ashway171 Please confirm if you're still working on this issue. @ANUKULJHA1506 We'll assign you after their confirmation or if there's no reply.

Yeah, I'm on it... Just some errors and we are good to go

ashway171 avatar Nov 26 '21 07:11 ashway171

Yeah, I'm on it...

Okay, so I think @ANUKULJHA1506 can look into other good first issues :)

VishnuSanal avatar Nov 26 '21 07:11 VishnuSanal

Hey, is it still open? I would like to work on it!

malik0011 avatar Jan 12 '22 18:01 malik0011

Hey, is it still open? I would like to work on it!

Yes, and feel free to do!

VishnuSanal avatar Jan 12 '22 18:01 VishnuSanal

@malik0011 Any updates here?

VishnuSanal avatar Mar 10 '22 07:03 VishnuSanal

Hi, I'd like to work on this issue if nobody working on it.

Trust04zh avatar Mar 11 '22 09:03 Trust04zh

Hi, I'd like to work on this issue if nobody working on it.

@Trust04zh Sure, please do.

VishnuSanal avatar Mar 11 '22 09:03 VishnuSanal

I don't understand what is the issue, can you please explain it? what i have to do ?

mohit-2003 avatar Mar 22 '22 15:03 mohit-2003

I don't understand what is the issue, can you please explain it? what i have to do ?

@Trust04zh is working on this as of now. @mohit-2003 can take this over if @Trust04zh is not working on this anymore.

VishnuSanal avatar Mar 23 '22 12:03 VishnuSanal

I'm currently still working on this and try figuring out how to apply transparent navigation bar with the original UI designing, I am not so familiar with Android UI designing, the process may be kinda slow.

Trust04zh avatar Mar 23 '22 13:03 Trust04zh

Okay, so I think @mohit-2003 can look into other good first issues :)

VishnuSanal avatar Mar 23 '22 13:03 VishnuSanal

@Trust04zh

how to apply transparent navigation bar with the original UI designing

Screenshot_2022-03-23-18-57-30

Currently

  1. when that option is on it follows Primary Color (Left Tab) or Primary Color (Right Tab) color.
  2. when that option is off it use pure black color (doesn't matter which Theme you pick, even for Material Light theme it's black)

My suggestions

  1. Keep it as it is.
  2. [New*] Instead of pure dark change it to transparent

Sorry for not mentioning these details in my comment.

shuvashish76 avatar Mar 23 '22 13:03 shuvashish76

@shuvashish76 Thank you for your patient explanation!

I noticed the facts just as you describe about the current behaviors (also I think the behavior when turning off may not be as expected, as the original color is not always black, this might be another issue), while I wonder if it would be better to add an independent option for setting transparent navigation bar, as the "Colored Navigation Bar" setting sounds not for setting the navigation bar to be transparent or not, I think.

So I think there might be another checkbox below "Colored Navigation Bar" to set the navigation bar to be transparent, I would be thankful if you could share your opinion with me.

And What I'm currently figuring out is about the code implementation for this feature, simply set an transparent argb color with api Window.setNavigationBarColor won't set a truly transparent color, and I'm reading references and testing to let it work.

Trust04zh avatar Mar 23 '22 14:03 Trust04zh

the behavior when turning off may not be as expected

Agreed, but for example by default Material Files show transparent navigation bar & no special settings to turn that off/on. So why not follow same behaviour for Amaze (off/transparent by default)?

better to add an independent option for setting transparent navigation bar

  • I like Amaze's minimal & organised settings & IMO another setting just for that is unnecessary.
  • Ok what would be the navigation bar color for Amaze, if you turn off both Colored Navigation bar & Transparent Navigation bar? Black?

shuvashish76 avatar Mar 23 '22 14:03 shuvashish76

Sorry for my late reply.

Ok what would be the navigation bar color for Amaze, if you turn off both Colored Navigation bar & Transparent Navigation bar? Black?

System default color, white for light theme while black for dark theme, which are the colors you launch Amaze with corresponding system theme and with Colored Navigation bar disabled, I guess this might be the expected behavior than simply black.

I like Amaze's minimal & organised settings & IMO another setting just for that is unnecessary.

I agree that another option can be unnecessary, while I'm not sure if it is ok if there's no option for "solid and system default navigation bar color".

Trust04zh avatar Mar 24 '22 04:03 Trust04zh

some report for my process:

I implemented transparent navigation bar by modifying styles so that navigation bar color become transparent, and enabled some flags to allow views to draw under system bars, but I still need to specify what should be drawn under system bars and what should not, or it will simply be like this.

图片

I've found some advises about using windowInsets to control the layout to solve this, also I read some source code of MaterialFiles and it seems that it use windowInset and padding to control the layout, while I didn't finish it yet.

Trust04zh avatar Apr 03 '22 13:04 Trust04zh

@Trust04zh Are you still working on this?

VishnuSanal avatar May 03 '22 12:05 VishnuSanal

@VishnuSanal
No, I didn't find an easy approach to implement this feature. Two references that maybe helpful: For transparent system bars https://medium.com/androiddevelopers/gesture-navigation-going-edge-to-edge-812f62e4e83e For only draw behind status bar (so can navigation bar) https://stackoverflow.com/questions/68451704/transparent-status-bar-with-visible-navigation-bar#68492550

Trust04zh avatar May 03 '22 12:05 Trust04zh