Discussion Forums  >  Plugins, Customizing, Source Code

Replies: 17    Views: 74

almosturban
Aspiring developer
Profile
Posts: 19
Reg: May 23, 2011
Canada
1,840
06/20/14 11:13 PM (10 years ago)

Android App - Is it possible to change grey bar with the icons on it?

Hi All, Does anyone know if its possible to change an Android app from the default Theme.Holo to Theme.Holo.Light ? Description of themes: <a href="https://developer.android.com/training/basics/actionbar/styling.html" target="_blank" rel="nofollow">https://developer.android.com/training/basics/actionbar/styling.html</a> Does the entire app need to be redone or is it possible to make some changes in Eclipse to get the Holo.Light theme? Thank you,
 
LeonG
Apple Fan
Profile
Posts: 694
Reg: Nov 08, 2011
Hamburg
17,740
like
06/21/14 03:25 AM (10 years ago)
That is the default already, look it up in your themes.xml file
 
almosturban
Aspiring developer
Profile
Posts: 19
Reg: May 23, 2011
Canada
1,840
like
06/21/14 10:31 AM (10 years ago)
Hi Leon, Thanks, I though it was on the dark theme.holo I guess what I am really trying to do is change the gray navigation bar to a different color. It looks like both the themes might be stuck with the gray navigation. Any idea how to change the nav bar color? Thank you,
 
LeonG
Apple Fan
Profile
Posts: 694
Reg: Nov 08, 2011
Hamburg
17,740
like
06/21/14 10:35 AM (10 years ago)
That is done in your buzztouch control panel under Theme!
 
almosturban
Aspiring developer
Profile
Posts: 19
Reg: May 23, 2011
Canada
1,840
like
06/21/14 10:52 AM (10 years ago)
Hi Leon, I made the adjustment to the nav bar in the buzztouch control panel but I am trying to change the color of the gray navigation bar, its the bar that has the icons on top. I have uploaded an image of the app here: http://imgur.com/ZmuDpcr Do you know if there is any way to change the gray bar behind the icons? Thank you,
 
LeonG
Apple Fan
Profile
Posts: 694
Reg: Nov 08, 2011
Hamburg
17,740
like
06/21/14 11:02 AM (10 years ago)
Ok well that is not doable in your control panel ;-) I do that with an android template designer browser tool. Not at my Mac so don't remember the URL but there are plenty of those. You style everything in the browser, download a zip and put all files in your project to make it work. Pretty easy, sure you will google it! If not, let me know and I will send you the link on Monday.
 
almosturban
Aspiring developer
Profile
Posts: 19
Reg: May 23, 2011
Canada
1,840
like
06/21/14 11:21 AM (10 years ago)
I have seen a couple of those online but I would love to know what your using/what has worked with Buzztouch. Please share the link when you have a chance. Thank you!
 
Niraj
buzztouch Evangelist
Profile
Posts: 2943
Reg: Jul 11, 2012
Cerritos
37,930
like
06/22/14 09:11 AM (10 years ago)
Yes, please share, Leon. Your choices are always tops! Thanks, -- Niraj
 
almosturban
Aspiring developer
Profile
Posts: 19
Reg: May 23, 2011
Canada
1,840
like
06/22/14 07:54 PM (10 years ago)
I found the Android Action Bar Style Generator online, which seems to be a popular method for changing the action bar style http://jgilfelt.github.io/android-actionbarstylegenerator/ However, I am having trouble getting it to work with a Buzztouch app. Has anyone used the Action Bar Style Generator before? Any instructions or tips to get it working with Buzztouch? Thank you,
 
Niraj
buzztouch Evangelist
Profile
Posts: 2943
Reg: Jul 11, 2012
Cerritos
37,930
like
06/22/14 08:00 PM (10 years ago)
That Generator doesn't work with my iPad ... Let's keep looking :-) ( I like experimenting with the theme on my 2nd screen ) -- Niraj
 
almosturban
Aspiring developer
Profile
Posts: 19
Reg: May 23, 2011
Canada
1,840
like
06/22/14 08:06 PM (10 years ago)
Please do let me know if you find anything, I spent all day trying to change the theme to alter the action bar and have nothing to show for it.
 
LeonG
Apple Fan
Profile
Posts: 694
Reg: Nov 08, 2011
Hamburg
17,740
like
06/23/14 04:57 AM (10 years ago)
That is the one I am using and it works fine. Probably only on Google Chrome Niraj, but it works :-) After you styled and downloaded the .zip just put the files in the right "res" folders. put the styles.xml in the values folder, edit the themes.xml file ( I just copied the example files in and overwrote the other stuff) and then reference the correct names like "Theme.Example" in your android manifest under application example: android:theme="@style/Theme.Example"
 
almosturban
Aspiring developer
Profile
Posts: 19
Reg: May 23, 2011
Canada
1,840
like
06/23/14 10:45 AM (10 years ago)
Hi Leon, I am glad to hear to are using the same the Android Action Bar Style Generator and that it works with Buzztouch. I ran into some issues though trying to get it working. Could you please offer advice on the following: 1) I created a project called "example", instead of creating a styles.xml page it creates styles_example.xml. Should I change the name to styles.xml or leave it as is? 2)Would this change how I edit the android manifest, for example would I write android:theme="@style/Theme.Example" or android:theme="@styles_example/Theme.Example ? 3)What do you do when editing the themes.xml file? Do I copy the contents of styles_example.xml into this file? Do I overwrite the Buzztouch info in themes.xml or leave it in the file? I was trying to get this working all day yesterday but was not able to get it right. Thank you for your assistance!
 
LeonG
Apple Fan
Profile
Posts: 694
Reg: Nov 08, 2011
Hamburg
17,740
like
06/23/14 02:51 PM (10 years ago)
1) leave it as styles_example.xml and put it in your values folder 2) write: android:theme="@style/Theme.Example" 3) I copied the contents in that file so yes, overwrite it.
 
almosturban
Aspiring developer
Profile
Posts: 19
Reg: May 23, 2011
Canada
1,840
like
06/24/14 10:53 PM (10 years ago)
Hi Leon, I followed all of your instructions and changed 3 instances in the Android manifest to "@style/Theme.Example" There were no errors in Eclipse but when I ran the app in the simulator is still defaulted to the gray background bare, instead of the them I was trying to replace it with. Are there any other documents I need to modify or changes I need to make to successfully change the theme? Thank you,
 
LeonG
Apple Fan
Profile
Posts: 694
Reg: Nov 08, 2011
Hamburg
17,740
like
06/25/14 03:06 AM (10 years ago)
No, nothing more to it. Don't forget to clean your build after you made the changes and inserted all the images. Make sure you put the images in all the right folders as well! I do not use Simulators, better try it on a real device.
 
almosturban
Aspiring developer
Profile
Posts: 19
Reg: May 23, 2011
Canada
1,840
like
06/28/14 02:39 PM (10 years ago)
Hi Leon, Cleaning the build worked, I was successfully able to change the design. Thank you very much for your help on this.
 
LeonG
Apple Fan
Profile
Posts: 694
Reg: Nov 08, 2011
Hamburg
17,740
like
06/28/14 11:57 PM (10 years ago)
Glad it worked :-) Without clean almost nothing works in Eclipse :-)
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.