hollorol/Clockplus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace mini FABs with ImageButtons

Browse Source
This commit is contained in:
Phillip Hsu 2016-09-27 16:41:57 -07:00
parent 012c8fb425
commit 7248f8a8ae
10 changed files with 61 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/src/main/java/com/philliphsu/clock2/stopwatch/ui/StopwatchFragment.java
View File

@ -17,6 +17,7 @@ import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageButton;
import android.widget.SeekBar;
import com.philliphsu.clock2.R;
@ -54,8 +55,8 @@ public class StopwatchFragment extends RecyclerViewFragment<
private Drawable mPauseDrawable;
@Bind(R.id.chronometer) ChronometerWithMillis mChronometer;
@Bind(R.id.new_lap) FloatingActionButton mNewLapButton;
@Bind(R.id.stop) FloatingActionButton mStopButton;
@Bind(R.id.new_lap) ImageButton mNewLapButton;
@Bind(R.id.stop) ImageButton mStopButton;
@Bind(R.id.seek_bar) SeekBar mSeekBar;
/**
@ -142,7 +143,7 @@ public class StopwatchFragment extends RecyclerViewFragment<
* this Fragment gets to. Here, the view hierarchy returned from onCreateView()
* is destroyed--the Fragment itself is NOT destroyed. If the user navigates back
* to this tab, this Fragment goes through its lifecycle beginning from onCreateView().
*
* <p/>
* TODO: Verify that members are not reset.
*/
@Override

10
app/src/main/res/drawable/ic_add_lap_40dp.xml Normal file
View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="40dp"
android:height="40dp"
android:viewportHeight="24"
android:viewportWidth="24">
<path
android:fillColor="#FFFFFF"
android:pathData="M6,3A1,1 0 0,1 7,4V4.88C8.06,4.44 9.5,4 11,4C14,4 14,6 16,6C19,6 20,4 20,4V12C20,12 19,14 16,14C13,14 13,12 11,12C8,12 7,14 7,14V21H5V4A1,1 0 0,1 6,3Z"/>
</vector>

9
app/src/main/res/drawable/ic_stop_40dp.xml Normal file
View File

@ -0,0 +1,9 @@
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="40dp"
android:height="40dp"
android:viewportWidth="24.0"
android:viewportHeight="24.0">
<path
android:fillColor="#FFFFFF"
android:pathData="M6,6h12v12H6z"/>
</vector>

26
app/src/main/res/layout-land/fragment_stopwatch.xml
View File

@ -36,8 +36,6 @@
</LinearLayout>
<!--TODO: If we are changing the style of the mini FABS often,
then create a style resource for them. -->
<android.support.v7.widget.GridLayout
android:id="@id/mini_fab_layout"
android:layout_width="match_parent"
@ -45,29 +43,13 @@
android:layout_alignParentBottom="true"
app:columnCount="2">
<android.support.design.widget.FloatingActionButton
<ImageButton
android:id="@+id/new_lap"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_add_lap_24dp"
android:tint="@android:color/white"
android:visibility="invisible"
app:layout_columnWeight="1"
app:layout_gravity="center"
app:fabSize="mini"
app:backgroundTint="?attr/colorPrimary"/>
style="@style/AddLapButton"/>
<android.support.design.widget.FloatingActionButton
<ImageButton
android:id="@+id/stop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_stop_24dp"
android:tint="@android:color/white"
android:visibility="invisible"
app:layout_columnWeight="1"
app:layout_gravity="center"
app:fabSize="mini"
app:backgroundTint="?attr/colorPrimary"/>
style="@style/StopButton"/>
</android.support.v7.widget.GridLayout>

26
app/src/main/res/layout/fragment_stopwatch.xml
View File

@ -30,37 +30,19 @@
app:layout_anchorGravity="bottom"
style="@style/BaseSeekBar"/>
<!--TODO: If we are changing the style of the mini FABS often,
then create a style resource for them. -->
<android.support.v7.widget.GridLayout
android:layout_width="match_parent"
android:layout_height="@dimen/fab_total_height"
android:layout_gravity="bottom"
app:columnCount="2">
<android.support.design.widget.FloatingActionButton
<ImageButton
android:id="@+id/new_lap"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_add_lap_24dp"
android:tint="@android:color/white"
android:visibility="invisible"
app:layout_columnWeight="1"
app:layout_gravity="center"
app:fabSize="mini"
app:backgroundTint="?attr/colorPrimary"/>
style="@style/AddLapButton"/>
<android.support.design.widget.FloatingActionButton
<ImageButton
android:id="@+id/stop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_stop_24dp"
android:tint="@android:color/white"
android:visibility="invisible"
app:layout_columnWeight="1"
app:layout_gravity="center"
app:fabSize="mini"
app:backgroundTint="?attr/colorPrimary"/>
style="@style/StopButton"/>
</android.support.v7.widget.GridLayout>

4
app/src/main/res/values-v21/styles.xml
View File

@ -36,4 +36,8 @@
<item name="android:background">@color/alert_dialog_background_color_black</item>
</style>
<style name="SelectableButton">
<item name="android:background">?selectableItemBackgroundBorderless</item>
</style>
</resources>

6
app/src/main/res/values-v21/styles_alarm.xml
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="BaseAlarmToggleButton">
<item name="android:background">?selectableItemBackgroundBorderless</item>
</style>
</resources>

4
app/src/main/res/values/styles.xml
View File

@ -188,4 +188,8 @@
<item name="android:maxLines">1</item>
<item name="android:textSize">@dimen/text_size_subhead</item>
</style>
<style name="SelectableButton">
<item name="android:background">?selectableItemBackground</item>
</style>
</resources>

7
app/src/main/res/values/styles_alarm.xml
View File

@ -1,15 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="BaseAlarmToggleButton">
<item name="android:background">?selectableItemBackground</item>
</style>
<style name="AlarmDayToggle" parent="BaseAlarmToggleButton">
<style name="AlarmDayToggle" parent="SelectableButton">
<item name="android:layout_width">0dp</item>
<item name="android:layout_height">match_parent</item>
<item name="android:layout_weight">1</item>
<item name="android:textAllCaps">true</item>
</style>
<style name="AlarmVibrateToggle" parent="BaseAlarmToggleButton">
<style name="AlarmVibrateToggle" parent="SelectableButton">
<item name="android:layout_width">@dimen/vibrate_toggle_size</item>
<item name="android:layout_height">match_parent</item>
<item name="srcCompat">@drawable/ic_vibrate_24dp</item>

13
app/src/main/res/values/styles_stopwatch.xml
View File

@ -5,4 +5,17 @@
<item name="android:fontFamily">sans-serif-light</item>
<item name="android:textSize">@dimen/text_size_display_3</item>
</style>
<style name="SideButton" parent="SelectableButton">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:visibility">invisible</item>
<item name="layout_columnWeight">1</item>
<item name="layout_gravity">center</item>
</style>
<style name="AddLapButton" parent="SideButton">
<item name="android:src">@drawable/ic_add_lap_40dp</item>
</style>
<style name="StopButton" parent="SideButton">
<item name="android:src">@drawable/ic_stop_40dp</item>
</style>
</resources>