2017-09-27 12 views
0

私は電卓アプリを開発し、GridLayoutを使ってボタンを整理しようとしています。画面のサイズが5.5インチを超えると、それは完全に機能しますが、5.5インチ以下に縮小すると、すべてのボタンが外に出て非常に奇妙になります。私はmain_activityのxmlファイルを添付しました:Androidスタジオ:画面サイズを縮小するとボタンが画面外に出る

<?xml version="1.0" encoding="utf-8"?> 
<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="@android:color/black" 
tools:context="com.example.songwei.calculator.MainActivity"> 

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/GridLayout1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_marginBottom="8dp" 
    android:layout_marginLeft="8dp" 
    android:layout_marginRight="8dp" 
    android:layout_marginTop="8dp" 
    android:background="@android:color/black" 
    android:columnCount="4" 
    android:orientation="horizontal" 
    android:rowCount="6" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintTop_toTopOf="parent"> 

    <TextView 
     android:id="@+id/display" 
     android:layout_height="wrap_content" 
     android:layout_columnSpan="4" 
     android:layout_columnWeight="1" 
     android:layout_marginLeft="5dp" 

     android:layout_marginRight="5dp" 
     android:layout_rowWeight="1" 
     android:text="0" 
     android:textAlignment="viewEnd" 
     android:textColor="@android:color/white" 
     android:textSize="50sp" /> 


    <Button 
     android:id="@+id/btn_clear" 
     android:layout_columnWeight="1" 
     android:layout_rowWeight="1" 
     android:backgroundTint="@android:color/darker_gray" 
     android:text="AC" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_root" 
     android:layout_columnWeight="1" 
     android:layout_rowWeight="1" 
     android:backgroundTint="@android:color/darker_gray" 
     android:text="√" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_delete" 
     android:layout_columnWeight="1" 
     android:layout_rowWeight="1" 
     android:backgroundTint="@android:color/darker_gray" 
     android:text="del" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_division" 
     android:layout_columnWeight="1" 
     android:layout_rowWeight="1" 
     android:backgroundTint="@android:color/holo_orange_light" 
     android:text="÷" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_7" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="#696969" 
     android:text="7" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_8" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="#696969" 
     android:text="8" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_9" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="#696969" 
     android:text="9" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_multiply" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="@android:color/holo_orange_light" 
     android:text="×" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_4" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="#696969" 
     android:text="4" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_5" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="#696969" 
     android:text="5" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_6" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="#696969" 
     android:text="6" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_subtraction" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="@android:color/holo_orange_light" 
     android:text="-" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_3" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="#696969" 
     android:text="3" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_2" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="#696969" 
     android:text="2" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_1" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="#696969" 
     android:text="1" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_add" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="@android:color/holo_orange_light" 
     android:text="+" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_0" 
     android:layout_columnSpan="2" 
     android:layout_columnWeight="1" 
     android:layout_rowWeight="1" 

     android:backgroundTint="#696969" 
     android:text="0" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_dot" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="#696969" 
     android:text="." 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 

    <Button 
     android:id="@+id/btn_equal" 
     android:layout_columnWeight="1" 

     android:layout_rowWeight="1" 
     android:backgroundTint="@android:color/holo_orange_light" 
     android:text="=" 
     android:textColor="@android:color/white" 
     android:textSize="30sp" /> 


    </GridLayout> 

</android.support.constraint.ConstraintLayout> 

そして、それは影響を与えますか?

答えて

0

1つのviewGroup内の各ボタンの数を(LinearLayoutのように水平または垂直に)しようとすると、これは計算がどのように見えるかに依存します。 (layout_weight)を使用して、高さと幅に応じてビューのサイズを変更します。

コードを書いてごめんなさい。

関連する問題