mirror of
https://github.com/nextcloud/talk-android
synced 2025-07-09 22:04:24 +01:00
revamp call notification screen with dark theme and constraint layout
This commit is contained in:
parent
78a9e66065
commit
7fbff71ed6
@ -79,6 +79,8 @@ dependencies {
|
||||
implementation fileTree(dir: 'libs', include: ['*.jar'])
|
||||
implementation "com.android.support:appcompat-v7:${supportLibraryVersion}"
|
||||
implementation "com.android.support:design:${supportLibraryVersion}"
|
||||
implementation 'com.android.support.constraint:constraint-layout:1.1.1'
|
||||
|
||||
|
||||
implementation 'com.android.support:multidex:1.0.3'
|
||||
|
||||
|
@ -18,84 +18,90 @@
|
||||
~ You should have received a copy of the GNU General Public License
|
||||
~ along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
-->
|
||||
|
||||
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="match_parent"
|
||||
android:background="@color/white">
|
||||
|
||||
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||
xmlns:tools="http://schemas.android.com/tools"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="match_parent"
|
||||
android:background="@color/black">
|
||||
|
||||
<TextView
|
||||
android:id="@+id/incomingCallTextView"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_centerInParent="true"
|
||||
android:layout_alignParentTop="true"
|
||||
android:layout_marginTop="32dp"
|
||||
android:text="@string/nc_incoming_call"
|
||||
android:textAlignment="center"
|
||||
android:textColor="@color/colorPrimary"
|
||||
android:textSize="20sp"
|
||||
android:layout_marginTop="48dp"
|
||||
android:id="@+id/incomingCallTextView"/>
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/avatarImageView"
|
||||
android:layout_width="@dimen/avatar_size_big"
|
||||
android:layout_height="@dimen/avatar_size_big"
|
||||
android:layout_centerHorizontal="true"
|
||||
android:layout_below="@id/incomingCallTextView"
|
||||
android:layout_margin="16dp"/>
|
||||
android:textColor="@color/white30"
|
||||
android:textSize="16sp"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintTop_toTopOf="parent" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/conversationNameTextView"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:layout_below="@id/avatarImageView"
|
||||
android:layout_centerInParent="true"
|
||||
android:ellipsize="marquee"
|
||||
android:textAlignment="center"
|
||||
android:textColor="@color/colorPrimary"
|
||||
android:textSize="16sp"
|
||||
/>
|
||||
android:textColor="@color/white"
|
||||
android:textSize="28sp"
|
||||
app:layout_constraintTop_toBottomOf="@+id/incomingCallTextView"
|
||||
tools:text="Victor Gregorius Magnus" />
|
||||
|
||||
<ImageView
|
||||
android:id="@+id/avatarImageView"
|
||||
android:layout_width="@dimen/avatar_size_very_big"
|
||||
android:layout_height="@dimen/avatar_size_very_big"
|
||||
app:layout_constraintBottom_toBottomOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintStart_toStartOf="parent"
|
||||
app:layout_constraintTop_toTopOf="parent"
|
||||
app:layout_constraintVertical_bias="0.498"
|
||||
tools:src="@color/white" />
|
||||
|
||||
<com.nextcloud.talk.utils.MagicFlipView
|
||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||
android:id="@+id/callAnswerVoiceOnlyView"
|
||||
android:layout_width="60dp"
|
||||
android:layout_height="60dp"
|
||||
android:layout_above="@id/callControlHangupView"
|
||||
android:layout_centerHorizontal="true"
|
||||
android:layout_toStartOf="@id/callControlHangupView"
|
||||
android:layout_marginBottom="48dp"
|
||||
app:checked="false"
|
||||
app:enableInitialAnimation="false"
|
||||
app:frontBackgroundColor="@color/colorPrimary"
|
||||
app:frontImage="@drawable/ic_mic_white_24px"/>
|
||||
app:frontImage="@drawable/ic_mic_white_24px"
|
||||
app:layout_anchorGravity="top|center"
|
||||
app:layout_constraintBottom_toBottomOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintHorizontal_bias="0.129"
|
||||
app:layout_constraintStart_toStartOf="parent" />
|
||||
|
||||
<com.nextcloud.talk.utils.MagicFlipView
|
||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||
android:id="@+id/callAnswerCameraView"
|
||||
android:layout_width="60dp"
|
||||
android:layout_height="60dp"
|
||||
android:layout_above="@id/callControlHangupView"
|
||||
android:layout_toEndOf="@id/callControlHangupView"
|
||||
android:layout_marginBottom="48dp"
|
||||
app:checked="false"
|
||||
app:enableInitialAnimation="false"
|
||||
app:frontBackgroundColor="@color/colorPrimary"
|
||||
app:frontImage="@drawable/ic_videocam_white_24px"/>
|
||||
app:frontImage="@drawable/ic_videocam_white_24px"
|
||||
app:layout_constraintBottom_toBottomOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintHorizontal_bias="0.5"
|
||||
app:layout_constraintStart_toStartOf="parent" />
|
||||
|
||||
|
||||
<com.nextcloud.talk.utils.MagicFlipView
|
||||
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||
android:id="@+id/callControlHangupView"
|
||||
android:layout_width="60dp"
|
||||
android:layout_height="60dp"
|
||||
android:layout_alignParentBottom="true"
|
||||
android:layout_centerHorizontal="true"
|
||||
android:layout_marginTop="24dp"
|
||||
android:layout_marginBottom="64dp"
|
||||
android:layout_marginBottom="48dp"
|
||||
app:checked="false"
|
||||
app:enableInitialAnimation="false"
|
||||
app:frontBackgroundColor="@color/nc_darkRed"
|
||||
app:frontImage="@drawable/ic_call_end_white_24px"/>
|
||||
app:frontImage="@drawable/ic_call_end_white_24px"
|
||||
app:layout_constraintBottom_toBottomOf="parent"
|
||||
app:layout_constraintEnd_toEndOf="parent"
|
||||
app:layout_constraintHorizontal_bias="0.87"
|
||||
app:layout_constraintStart_toStartOf="parent" />
|
||||
|
||||
|
||||
</RelativeLayout>
|
||||
</android.support.constraint.ConstraintLayout>
|
||||
|
@ -17,5 +17,6 @@
|
||||
<color name="nc_light_grey">#E8E8E8</color>
|
||||
<color name="grey_600">#757575</color>
|
||||
<color name="nc_grey">#D5D5D5</color>
|
||||
<color name="white30">#e9ffffff</color>
|
||||
</resources>
|
||||
|
||||
|
@ -16,6 +16,7 @@
|
||||
<dimen name="margin_between_elements">8dp</dimen>
|
||||
<dimen name="avatar_size">40dp</dimen>
|
||||
<dimen name="avatar_size_big">80dp</dimen>
|
||||
<dimen name="avatar_size_very_big">180dp</dimen>
|
||||
<dimen name="avatar_corner_radius">20dp</dimen>
|
||||
|
||||
<dimen name="chat_text_size">14sp</dimen>
|
||||
|
@ -113,7 +113,7 @@
|
||||
<string name="nc_permissions_settings">Open settings</string>
|
||||
|
||||
<!-- Call -->
|
||||
<string name="nc_incoming_call">Incoming call</string>
|
||||
<string name="nc_incoming_call">Incoming call from</string>
|
||||
<string name="nc_nick_guest">Guest</string>
|
||||
<string name="nc_public_call">New public conversation</string>
|
||||
<string name="nc_public_call_explanation">Public conversations let you invite people from outside through a
|
||||
|
Loading…
Reference in New Issue
Block a user