<commit_before>---
layout: post
title: TrainBuddy New Look.
---

After the semester exams I got an break for few weeks. So I took that time to do a thing I wanted to do for a while now.

TrainBuddy was already looking nice. It's already the best looking kid in the block of train schedule apps (in my opinion). But that doesn't mean It can't look nicer. So I took some time, read google design guides, checked the new support library and made some changes.

There are few notable changes.

1.Navigational view.

The previous way of navigating (using the spinner) was kind of looked out of place, provided I needed add few options to the user (more options on the way). So the navigational view was the right choice. So with the support of android support library I added a navigational view to the app. Adding this was harder than I thought. Mainly because the use of One activity architecture. So I had to manually handle all the fragment transitions. So though the code is now full of hacks it works.

<div align="center"><img src="{{ site.baseurl }}/assets/trainBuddy_new_look/navigation_new.png" style="width: 300px;"></div></br>

2.Typography in input providing view.

With the navigational view following the google design guidelines now the input providing view looked alien. I tried adding few icons. But it didn't jell. So ended up changing the typography. And the new swap button has a icon now.

<div align="center"><img src="{{ site.baseurl }}/assets/trainBuddy_new_look/user_in_old.webp" style="width: 300px;">  <img src="{{ site.baseurl }}/assets/trainBuddy_new_look/user_in_new.png" style="width: 300px;"></div></br>

3.Result view layout and emission of journey detail view.(RIP detail view)

Here in list items I tried to get the look and feel of google inbox application. Also added the frequency and class availability to the list item. I also added the journey details to the result list view. because there isn't much additional detail to view in a separate view after adding the frequency and class availability to the list item. And also journey detail is same for all the results per query. And the journey detail view was ugly and I couldn't think of a way to fix it.

Another notable thing here is the view at the top of the window. Though it looks like the action bar it isn't. It's a linear layout with a navigation button. It's because I couldn't find a way to change the action bar layout for only one fragment. I was trying to add a collapsing toolbar here. But couldn't find a way without changing the application architecture. I think the reason is the one activity architecture as I explained in previous post.

<div align="center"><img src="{{ site.baseurl }}/assets/trainBuddy_new_look/result_list_old.webp" style="width: 200px;">   <img src="{{ site.baseurl }}/assets/trainBuddy_new_look/result_detail_old.webp" style="width: 200px;">  <img src="{{ site.baseurl }}/assets/trainBuddy_new_look/result_list_new.png" style="width: 200px;"></div></br>

4.Addition of help & feedback view.

Since the list item layout got little complex here I added some explanations about it and provided means for users to contact the developer(that's me ;)) through the application. Also added a link to rate the application.

<div align="center"><img src="{{ site.baseurl }}/assets/trainBuddy_new_look/help.png" style="width: 300px;"></div></br>

Sadly I had to set the minimum Sdk level to 14 since some of the features are not available below sdk level 14. So this version will only be available for devices with ICS (Ice Cream Sandwich) and above.

All these changes are available for beta users now. If you are not a beta user yet join [here](https://plus.google.com/communities/111728508620143036732) and enjoy the new look. Non beta users will have to wait some time for the new release since there are few minor bugs to iron out.

If you haven't try TrainBuddy yet get it from the [Google appstore](https://play.google.com/store/apps/details?id=com.kasungamlath.trainbuddy)

Happy commuting !!!<commit_msg>fixed a typo in tb new look<commit_after>---
layout: post
title: TrainBuddy New Look.
---

After the semester exams I got an break for few weeks. So I took that time to do a thing I wanted to do for a while now.

TrainBuddy was already looking nice. It's already the best looking kid in the block of train schedule apps (in my opinion). But that doesn't mean It can't look nicer. So I took some time, read google design guides, checked the new support library and made some changes.

There are few notable changes.

1.Navigational view.

The previous way of navigating (using the spinner) was kind of looked out of place, provided I needed add few options to the user (more options on the way). So the navigational view was the right choice. So with the support of android support library I added a navigational view to the app. Adding this was harder than I thought. Mainly because the use of One activity architecture. So I had to manually handle all the fragment transitions. So though the code is now full of hacks it works.

<div align="center"><img src="{{ site.baseurl }}/assets/trainBuddy_new_look/navigation_new.png" style="width: 300px;"></div></br>

2.Typography in input providing view.

With the navigational view following the google design guidelines now the input providing view looked alien. I tried adding few icons. But it didn't jell. So ended up changing the typography. And the new swap button has a icon now.

<div align="center"><img src="{{ site.baseurl }}/assets/trainBuddy_new_look/user_in_old.webp" style="width: 300px;">  <img src="{{ site.baseurl }}/assets/trainBuddy_new_look/user_in_new.png" style="width: 300px;">  </div></br>

3.Result view layout and emission of journey detail view.(RIP detail view)

Here in list items I tried to get the look and feel of google inbox application. Also added the frequency and class availability to the list item. I also added the journey details to the result list view. because there isn't much additional detail to view in a separate view after adding the frequency and class availability to the list item. And also journey detail is same for all the results per query. And the journey detail view was ugly and I couldn't think of a way to fix it.

Another notable thing here is the view at the top of the window. Though it looks like the action bar it isn't. It's a linear layout with a navigation button. It's because I couldn't find a way to change the action bar layout for only one fragment. I was trying to add a collapsing toolbar here. But couldn't find a way without changing the application architecture. I think the reason is the one activity architecture as I explained in previous post.

<div align="center"><img src="{{ site.baseurl }}/assets/trainBuddy_new_look/result_list_old.webp" style="width: 200px;">   <img src="{{ site.baseurl }}/assets/trainBuddy_new_look/result_detail_old.webp" style="width: 200px;">  <img src="{{ site.baseurl }}/assets/trainBuddy_new_look/result_list_new.png" style="width: 200px;">  </div></br>

4.Addition of help & feedback view.

Since the list item layout got little complex here I added some explanations about it and provided means for users to contact the developer(that's me ;)) through the application. Also added a link to rate the application.

<div align="center"><img src="{{ site.baseurl }}/assets/trainBuddy_new_look/help.png" style="width: 300px;"></div></br>

Sadly I had to set the minimum Sdk level to 14 since some of the features are not available below sdk level 14. So this version will only be available for devices with ICS (Ice Cream Sandwich) and above.

All these changes are available for beta users now. If you are not a beta user yet join [here](https://plus.google.com/communities/111728508620143036732) and enjoy the new look. Non beta users will have to wait some time for the new release since there are few minor bugs to iron out.

If you haven't try TrainBuddy yet get it from the [Google play](https://play.google.com/store/apps/details?id=com.kasungamlath.trainbuddy)

Happy commuting !!!
{'fraction_non_alphanumeric': 0.0735330527358257, 'fraction_numerical': 0.012379301807378064, 'mean_word_length': 4.492182188987083, 'pattern_counts': {'":': 0, '<': 41, '<?xml version=': 0, '>': 41, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '658023', 'n_tokens_mistral': 2261, 'n_tokens_neox': 2094, 'n_words': 1190}