2016-08-31 3 views
0

는 나는이 화면을 디자인했다. 내 이미지를 mipmap-xxhdpi에 두었습니다. 모든 아이콘의 크기는 144x144입니다. 그러나 이것들은 매우 커 보인다. 드로어 블 폴더로 옮겨야합니까? 이미지의 크기를 줄여야합니까? 나는 아이콘이 xxhdpi에 대해 144x144이어야한다고 읽었습니다. 내 이미지의 크기를 어떻게 결정해야합니까? 그것은 다른 화면 밀도에 어떻게 적응할 것입니까?안드로이드 이미지 크기

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/login_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:gravity="center_horizontal" 
    android:background="@android:color/black" 
    tools:context=".ui.activity.LoginActivity" 
    android:isScrollContainer="true"> 

    <ImageView 
     android:layout_centerHorizontal="true" 
     android:id="@+id/logo" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     /> 

    <TextView 
     android:layout_centerHorizontal="true" 
     android:layout_below="@id/logo" 
     android:id="@+id/welcome_text" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="@string/welcome_text"/> 

    <EditText 
     android:layout_marginLeft="@dimen/activity_horizontal_margin" 
     android:layout_marginRight="@dimen/activity_horizontal_margin" 
     android:layout_centerHorizontal="true" 
     android:id="@+id/email" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/welcome_text" 
     android:hint="@string/user_name" 
     android:inputType="textEmailAddress" 
     android:paddingTop="@dimen/activity_horizontal_margin" 
     android:paddingBottom="@dimen/activity_horizontal_margin" 
     android:paddingStart="10dp" 
     android:paddingLeft="10dp" 
     android:drawableLeft="@mipmap/usr" 
     android:drawablePadding="10dp" 
     android:background="@drawable/edittext_border"/> 

    <EditText 
     android:paddingTop="@dimen/activity_horizontal_margin" 
     android:paddingBottom="@dimen/activity_horizontal_margin" 
     android:paddingStart="10dp" 
     android:paddingLeft="10dp" 
     android:layout_marginLeft="@dimen/activity_horizontal_margin" 
     android:layout_marginRight="@dimen/activity_horizontal_margin" 
     android:layout_centerHorizontal="true" 
     android:id="@+id/password" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/email" 
     android:hint="@string/pass" 
     android:inputType="textPassword" 
     android:drawablePadding="20dp" 
     android:drawableLeft="@mipmap/pass" 
     android:background="@drawable/edittext_border" /> 


    <Button 
     android:layout_centerHorizontal="true" 
     android:textColor="@android:color/white" 
     android:paddingLeft="10dp" 
     android:paddingRight="10dp" 
     android:background="@color/signin_color_orange" 
     android:id="@+id/signin" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/password" 
     android:text="Sign In" /> 

    <ImageView 
     android:layout_below="@id/signin" 
     android:id="@+id/oval_sep" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@mipmap/oval" 
     android:layout_centerHorizontal="true" /> 
    <View 
     android:layout_marginLeft="@dimen/activity_horizontal_margin" 
     android:id="@+id/left_sep" 
     android:layout_below="@id/signin" 
     android:layout_toLeftOf="@+id/oval_sep" 
     android:layout_width="fill_parent" 
     android:layout_height="1dp" 
     android:background="@color/border_color"/> 
    <View 
     android:layout_marginRight="@dimen/activity_horizontal_margin" 
     android:id="@+id/right_sep" 
     android:layout_below="@id/signin" 
     android:layout_toRightOf="@+id/oval_sep" 
     android:layout_width="match_parent" 
     android:layout_height="1dp" 
     android:background="@color/border_color" /> 
    <TextView 
     android:id="@+id/or_text" 
     android:elevation="8dp" 
     android:layout_toRightOf="@id/left_sep" 
     android:layout_below="@id/signin" 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:text="OR" 
     android:textColor="@color/black_overlay"/> 
    <TextView 
     android:layout_centerHorizontal="true" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="@string/signup_txt" 
     android:id="@+id/signup_txt" 
     android:layout_below="@id/oval_sep" /> 
    <View 
     android:id="@+id/social_sep" 
     android:layout_below="@id/signup_txt" 
     android:layout_width="1dp" 
     android:layout_height="1dp" 
     android:background="@color/signin_color_orange" 
     android:layout_centerHorizontal="true"/> 
    <ImageButton 
     android:layout_marginLeft="@dimen/activity_horizontal_margin" 
     android:paddingTop="10dp" 
     android:paddingBottom="10dp" 
     android:src="@drawable/google" 
     android:layout_below="@id/signup_txt" 
     android:background="@drawable/social_button_border" 
     android:id="@+id/google" 
     android:layout_toLeftOf="@+id/social_sep" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" /> 
    <ImageButton 
     android:layout_marginRight="@dimen/activity_horizontal_margin" 
     android:layout_marginLeft="-2dp" 
     android:paddingTop="10dp" 
     android:paddingBottom="10dp" 
     android:src="@mipmap/fb" 
     android:layout_below="@id/signup_txt" 
     android:layout_toRightOf="@id/social_sep" 
     android:background="@drawable/social_button_border_fb" 
     android:id="@+id/fb" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" /> 
    <View 

     android:id="@+id/btn_sep" 
     android:layout_below="@id/fb" 
     android:layout_width="1dp" 
     android:layout_height="1dp" 
     android:background="@android:color/transparent" 
     android:layout_centerHorizontal="true" 
     android:layout_alignParentBottom="true"/> 
    <Button 
     android:layout_toLeftOf="@id/btn_sep" 
     android:id="@+id/lost_pswd" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/account_border" 
     android:text="@string/lost_pswd" 
     android:layout_alignParentBottom="true"/> 
    <Button 
     android:background="@drawable/account_border" 
     android:text="@string/create_accnt" 
     android:id="@+id/crt_accnt" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_toRightOf="@id/lost_pswd"/> 
</RelativeLayout> 
+1

'이미지를 mipmap-xxhdpi에 두었습니다 .' ** 틀린 ** : 당신은'drawable-xxhdpi'를 사용해야합니다. 밉맵은 ** 런처 아이콘 **에서만 사용됩니다. 이 [공식 문서] (https://developer.android.com/guide/practices/ui_guidelines/icon_design.html) –

답변

0

그것은 당신이 당신의 PSD를 디자인하는 해상도에 따라 달라집니다 여기 내 XML 파일입니다. 각 픽셀 밀도에는 표준 크기가 없습니다. 예를 들어 xhdpi의 모든 이미지는 xxxhdpi의 절반 크기 여야하지만 해당 장치에 동일한 크기로 표시됩니다. PSD가 xhdpi 용이면 자른 아이콘을 xhdpi 폴더에 넣으십시오.

0

당신은 네 가지 차원의 파일을 생성하고 이미지를 적절한 옆 널빤지 따라 높이를 제공해야

예 :

android:width="@dimen/one" 
+0

... 네 권 읽으시겠습니까? 그래서 ldpi는 어떨까요? 또는 xxxhdpi? ** 6 ** 파일이 필요하다고 말하고 싶습니다. –

0

먼저 당신이에 사용하려는 모든 이미지를 넣어 가지고 응용 프로그램 drawable 애플 리케이션에 넣어. 다른 해상도의 경우 drawable-mdpi (중간 해상도 -48x48), drawable-hdpi (72x72), drawable-xhdpi (96x96), drawable-xxhdpi (144x144), drawable-xxxhdpi (추가 여분의 추가 고해상도 - 192x192).

모든 해상도 이미지를 각각의 폴더에 넣으면 앱 크기가 늘어날 수 있습니다. 따라서 drawable-xxxhdpi 안에 고해상도 이미지를 넣지 않으려면 자동으로 나머지 해상도로 조정해야합니다. 가장 좋은 방법은 크기 192x192의 이미지를 만들어서 drawable-xxxhdpi 폴더에 넣는 것입니다.

관련 문제