在 Android 中缩放时固定底部
Set bottom fixed while scaling in Android
我有两个图像视图,一个在另一个下面。
我想调整图片的大小,当一张变大时,我想让另一张变小。但是,我还希望上面的图像在顶部旋转,而下面的图像在底部旋转。
我在第一个(顶部)上实现了这一点,但我无法使下方的那个在底部旋转。
问题:如何使 底部 图像成为枢轴并随着 顶部 变成 而变小更大.
这是我的布局:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:id="@+id/root">
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/imageView"
android:layout_alignParentTop="true"
android:scaleType="fitCenter"
android:src="@drawable/as" />
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/imageView"
android:scaleType="fitCenter"
android:id="@+id/imageView2"
android:src="@drawable/as" />
</RelativeLayout>
这是我的 Java 代码:
root = (RelativeLayout) findViewById(R.id.root);
iv = (ImageView) findViewById(R.id.imageView);
iv2 = (ImageView) findViewById(R.id.imageView2);
iv.setPivotY(iv.getX());
detector = new GestureDetectorCompat(this, new GestureDetector.SimpleOnGestureListener() {
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
iv.setScaleY(iv.getScaleY() - distanceY / root.getHeight());
iv2.setScaleY(iv2.getScaleY()+ distanceY / root.getHeight());
return true;
}
});
在布局 xml 文件中,将 android:pivotY
和 android:pivotX
设置为布局尺寸的 1/2。
您是否尝试过将 LinearLaout
与 layout_weight
一起使用
我不完全确定您要实现的目标,但此代码将屏幕分成两部分,每个部分用于一个图像视图。我已经留下了缩放图像的代码和设置枢轴点的代码,假设你有一些目的。我确实建议您将它们注释掉,并尝试查看没有它们是否能获得所需的结果。
activity_main.xml:
<?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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:id="@+id/root">
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/imageView"
android:layout_alignParentTop="true"
android:scaleType="fitCenter"
android:src="@mipmap/ic_launcher" />
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/imageView"
android:scaleType="fitCenter"
android:id="@+id/imageView2"
android:src="@mipmap/ic_launcher" />
</RelativeLayout>
MainActivity.java:
import android.support.v4.view.GestureDetectorCompat;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import static com.example.justtesting.R.id.imageView;
public class MainActivity extends AppCompatActivity{
GestureDetectorCompat detector;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final int minH = 10;
final RelativeLayout root = (RelativeLayout) findViewById(R.id.root);
final ImageView iv = (ImageView) findViewById(imageView);
final ImageView iv2 = (ImageView) findViewById(R.id.imageView2);
detector = new GestureDetectorCompat(this, new GestureDetector.SimpleOnGestureListener() {
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
int height = iv.getHeight() + iv2.getHeight();
android.view.ViewGroup.LayoutParams layoutParams = iv.getLayoutParams();
if ((int) distanceY + layoutParams.height < minH)
layoutParams.height = minH;
else if ((int) distanceY + layoutParams.height > height - minH)
layoutParams.height = height-minH;
else
layoutParams.height = (int) distanceY + layoutParams.height;
android.view.ViewGroup.LayoutParams layoutParams2 = iv2.getLayoutParams();
layoutParams2.height = height-layoutParams.height;
iv.setLayoutParams(layoutParams);
iv2.setLayoutParams(layoutParams2);
return true;
}
});
}
@Override
public boolean onTouchEvent(MotionEvent event) {
return detector.onTouchEvent(event);
}
}
请注意,我在两个 ImageView 中用默认启动器图像替换了您的引用图像,因为我的项目中没有您的图像文件。
android:src="@mipmap/ic_launcher"
根据需要进行更改。
下面是应用 运行 在 Nexus 5 模拟器 (X86-64)/Android-22 上的一些屏幕截图(与 Android-23 的结果相同)。
祝你好运!
我有两个图像视图,一个在另一个下面。
我想调整图片的大小,当一张变大时,我想让另一张变小。但是,我还希望上面的图像在顶部旋转,而下面的图像在底部旋转。
我在第一个(顶部)上实现了这一点,但我无法使下方的那个在底部旋转。
问题:如何使 底部 图像成为枢轴并随着 顶部 变成 而变小更大.
这是我的布局:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:id="@+id/root">
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/imageView"
android:layout_alignParentTop="true"
android:scaleType="fitCenter"
android:src="@drawable/as" />
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/imageView"
android:scaleType="fitCenter"
android:id="@+id/imageView2"
android:src="@drawable/as" />
</RelativeLayout>
这是我的 Java 代码:
root = (RelativeLayout) findViewById(R.id.root);
iv = (ImageView) findViewById(R.id.imageView);
iv2 = (ImageView) findViewById(R.id.imageView2);
iv.setPivotY(iv.getX());
detector = new GestureDetectorCompat(this, new GestureDetector.SimpleOnGestureListener() {
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
iv.setScaleY(iv.getScaleY() - distanceY / root.getHeight());
iv2.setScaleY(iv2.getScaleY()+ distanceY / root.getHeight());
return true;
}
});
在布局 xml 文件中,将 android:pivotY
和 android:pivotX
设置为布局尺寸的 1/2。
您是否尝试过将 LinearLaout
与 layout_weight
我不完全确定您要实现的目标,但此代码将屏幕分成两部分,每个部分用于一个图像视图。我已经留下了缩放图像的代码和设置枢轴点的代码,假设你有一些目的。我确实建议您将它们注释掉,并尝试查看没有它们是否能获得所需的结果。
activity_main.xml:
<?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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:id="@+id/root">
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/imageView"
android:layout_alignParentTop="true"
android:scaleType="fitCenter"
android:src="@mipmap/ic_launcher" />
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/imageView"
android:scaleType="fitCenter"
android:id="@+id/imageView2"
android:src="@mipmap/ic_launcher" />
</RelativeLayout>
MainActivity.java:
import android.support.v4.view.GestureDetectorCompat;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import static com.example.justtesting.R.id.imageView;
public class MainActivity extends AppCompatActivity{
GestureDetectorCompat detector;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final int minH = 10;
final RelativeLayout root = (RelativeLayout) findViewById(R.id.root);
final ImageView iv = (ImageView) findViewById(imageView);
final ImageView iv2 = (ImageView) findViewById(R.id.imageView2);
detector = new GestureDetectorCompat(this, new GestureDetector.SimpleOnGestureListener() {
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
int height = iv.getHeight() + iv2.getHeight();
android.view.ViewGroup.LayoutParams layoutParams = iv.getLayoutParams();
if ((int) distanceY + layoutParams.height < minH)
layoutParams.height = minH;
else if ((int) distanceY + layoutParams.height > height - minH)
layoutParams.height = height-minH;
else
layoutParams.height = (int) distanceY + layoutParams.height;
android.view.ViewGroup.LayoutParams layoutParams2 = iv2.getLayoutParams();
layoutParams2.height = height-layoutParams.height;
iv.setLayoutParams(layoutParams);
iv2.setLayoutParams(layoutParams2);
return true;
}
});
}
@Override
public boolean onTouchEvent(MotionEvent event) {
return detector.onTouchEvent(event);
}
}
请注意,我在两个 ImageView 中用默认启动器图像替换了您的引用图像,因为我的项目中没有您的图像文件。
android:src="@mipmap/ic_launcher"
根据需要进行更改。
下面是应用 运行 在 Nexus 5 模拟器 (X86-64)/Android-22 上的一些屏幕截图(与 Android-23 的结果相同)。
祝你好运!